enhance-prompt
「ログイン画面を作って」のような曖昧な依頼を、Google Stitch 向けの整った指示文に書き直させる。画面の種類と構成を補い、曖昧な言葉を部品の名前に置き換え、DESIGN.md があればデザインの決まりを差し込む
npx skills add google-labs-code/stitch-skills/enhance-prompt入れる前にこのスキルがすること・注意点・SKILL.md の原文を確かめてください。解析は安全性の判定ではありません。
- インストール
- 58,801
- 実用度
- 33
- GitHub star
- 8,689
- 最終更新
- 2026/8/18
頼み方の例
そのままコピーして使えますenhance-promptスキルを使って、「家計簿アプリの月の集計画面、スマホ向け、落ち着いた感じ」を Stitch 向けの指示文に書き直してください。.stitch/DESIGN.md があればその決まりを入れてください。Stitch での生成はまだしないでください。
対象のファイルや状況は、ご自身の作業に合わせて置き換えてください。
このスキルがすること
SKILL.md の記述から機械的に抽出- 外部通信・シェル実行・ファイル操作の記述は見つかりませんでした
これは安全性の判定ではありません。 SKILL.md にそう書かれているという事実だけを並べています。実際に問題があるかは使い方と文脈で決まるため、当サイトでは断定しません。導入前に SKILL.md の原文を確認してください。
SKILL.md の規模
コードブロックの言語: markdown
いつ使うか
Stitch に画面を作らせる前に、指示の文を整えたいときに効きます。曖昧な依頼で思った画面が出なかったときの、書き直しにも使えます。
4 段で書き直す
- 足りない所を見る対象の端末、画面の種類、構成、雰囲気、色、部品の名前のどれが抜けているか
- 決まりを探す
DESIGN.mdがあれば、色・文字・部品の決まりを「DESIGN SYSTEM (REQUIRED)」の節として入れる - 書き直す曖昧な言葉を部品の名前に（「上のメニュー」→「ロゴとメニューのあるナビゲーションバー」）、雰囲気を形容詞で具体的に、構成を番号付きの節に
- 形を整える1 行の目的 → デザインの決まり → 画面の構成、の順
色は「名前（#16 進）役割」で書く
色は「名前（#16 進）役割」の形で書く決まりで、例として「Deep Ocean Blue (#1a365d) for primary buttons and links」が挙がっています。
既存の画面を直すときは、変える所だけ
既存の画面を直す依頼なら、変える所だけを具体的に書き、「他はそのまま残す」を添える形に書き直します。本文は、関係の無い変更を 1 回にまとめるな、としています。
使わないほうがいいとき
サイト全体のデザインの決まりを作りたいとき
DESIGN.md を作るのは design-md、「AI っぽい見た目」を避ける決まりまで込めるなら stitch-design-taste です。このスキルは、1 回ぶんの指示を整える道具です。
Stitch を使わないとき
出力の形は Stitch 向けに作られています。
注意点
読むのと書くのだけ
SKILL.md の解析では、外部通信・シェル実行・ファイル操作の記述は見つかっていません。allowed-tools は Read と Write だけです。同梱ファイルは 2 件で、説明と、画面の言葉の一覧です。
書き直すだけで、Stitch は動かさない
既定では書き直した文を返し、頼まれればファイルに書きます。stitch-loop のバトンのファイル（next-prompt.md）に書く使い方も示されています。ただし stitch-loop の側が読むのは .stitch/next-prompt.md なので、組み合わせるなら置き場所を合わせてください（2026-10-09 確認）。
指示の文は英語になる
依頼にない所を補う
構成や色が抜けていれば、雰囲気から推して足します。本文も「簡素でよいなら盛りすぎるな」と書いているので、補ってほしくない所は依頼文で指定してください。
使う前に公式の手引きを確かめる
本文は、使う前に Stitch の公式の書き方の手引きを確かめよ、としています。スキルの中身より新しい勧めがある場合があるからです。
インストール数
インストール数は約 5.5 万件です。同じリポジトリの 5 件は約 3.9 万〜6.1 万件で（2026-09-07 の上流集計）、1 件ずつ選ばれている形です。
インストール数の推移
日次で記録9月18日 〜 11月7日（49日分）
インストール数と 1 日あたりの増加は Skillselion が に集計した値です。上流の更新は数日おきなので、前日比ではありません。GitHub star と最終更新は に GitHub から取得しました。
併用すると強いスキル
design-md
Stitch の画面から DESIGN.md を起こさせる。次の画面を同じ意匠で作るための原本にする
stitch-loop
Google の Stitch で Web サイトの頁を 1 枚ずつ作って組み込み、次に作る頁の指示を自分で書いてバトンを渡す、を繰り返させる。サイトの構想と地図とデザインの決まりをファイルに持ち、回ごとに更新する
stitch-design-taste
Google Stitch に渡す DESIGN.md を書かせる。「AI が作った見た目」の禁止事項を、Stitch が読める自然文と具体的な値に置き直す
よくある質問
DESIGN.md が無いとどうなりますか
書き直した指示の最後に、「複数の画面の見た目をそろえるなら design-md で DESIGN.md を作れ」という案内を付けます。
どこに `DESIGN.md` を置けばよいですか
本文は「今のプロジェクトの DESIGN.md」を探す、としています。同じ公開元の stitch-loop は .stitch/DESIGN.md を使うので、組み合わせるなら置き場所を依頼文で伝えてください。