stitch-loop

Stitch で、サイトの頁を何枚も続けて作りたいときに効きます。1 回の作業で 1 枚の頁を作り、次の回への指示を「バトン」のファイルに書いて終わる、というリレーの形で進めます。

1 回の作業は 6 段（と任意の 4.5 段）

1. 1. バトンを読む.stitch/next-prompt.md から、作る頁の名前と指示を取り出す
2. 2. 前提のファイルを読むサイトの構想・既存の頁の一覧・予定（SITE.md）、デザインの決まり（DESIGN.md）
3. 3. Stitch で生成するMCP で画面を生成し、HTML と画像を取ってくる。プロジェクトが無ければ作る。ID は metadata.json に残す
4. 4. サイトに組み込むsite/public/ に移し、素材の場所と、ナビゲーションのリンクをつなぐ。ヘッダー・フッターを揃える
5. 4.5 見た目を確かめる（任意）手元でサーバーを立て、Chrome で撮影して Stitch の画像と比べる
6. 5. サイトの記録を更新作った頁を地図に載せ、使ったアイデアを消し、済んだ予定を更新する
7. 6. 次のバトンを書く予定から、無ければアイデアの欄から、無ければ構想に合う新しい頁を考えて書く

6 段目が必須

6 段目が「必須」とされています。バトンを書き換えずに終えると、繰り返しが止まるからです。

デザインの決まりがまだ無いとき

デザインの決まりがまだ無いとき。 DESIGN.md が前提です。先に同じ公開元の design-md で作ります。

1 枚だけ作りたいとき

1 枚だけ作りたいとき。繰り返しの仕組みが中心なので、1 枚だけなら Stitch を直接使うほうが早いです。Stitch への指示の質を上げるなら stitch-design-taste もあります。

シェルの実行とパッケージの導入がある

SKILL.md の解析では、シェルコマンドの実行とパッケージの導入の記述（npx serve site/public）が見つかっています。allowed-tools は Stitch と Chrome の MCP、Read、Write、Bash です。同梱ファイルは 5 件で、説明、例、バトンの形式の資料です。

次の頁を自分で考えて作り続ける

何枚で止めるか、どの頁を作ってよいかを SITE.md の予定で決めておいてください。

既にある頁は作り直さない

既にある頁は作り直しません。地図に載っている頁は作り直すなと決めています。手元に生成済みの HTML がある場合も、取り直すか使い回すかを利用者に聞いてから進めます。

生成の HTML は、本番の品質とは限らない

生成の HTML は、本番の品質とは限りません。本文の組み込みは、ファイルを移し、素材の場所とリンクを直し、ヘッダー・フッターを揃える所までです。アクセシビリティや表示の速さの点検は、手順に入っていません。

インストール数

インストール数は約 5.3 万件です。同じリポジトリの 5 件は約 3.9 万〜6.1 万件で（2026-09-07 の上流集計）、1 件ずつ選ばれている形です。

頁のデザインはどう揃えますか

バトンの指示に、DESIGN.md のデザインの決まりの節を必ずそのまま写す決まりです。毎回同じ決まりを Stitch に渡すことで、頁ごとに見た目がばらつくのを防ぎます。

作った頁の ID はどこに残りますか

.stitch/metadata.json に、プロジェクトの ID と、画面ごとの ID・大きさ・位置を残します。後で変化形を作ったり直したりするときに使うので、消さずに残せと書かれています。

画面の画像が粗いです

Stitch の画像の URL は、既定では小さな縮小版を返すので、取得の前に URL の末尾に幅（=w{幅}）を付けよ、と書かれています。