enhance-prompt

enhance-prompt skill の概要

enhance-prompt skill は、ざっくりした UI のアイデアを、構造が整っていて意図が明確で、より関連性の高い UI 言語を備えた Stitch 向けの強いプロンプトへと変換します。すでにやりたいことの輪郭はあるけれど、それをどうプロンプトに落とし込めば、よりきれいなレイアウトや適切なコンポーネント選択、一貫したデザイン方向につながるのかを助けてほしい人に最適です。

enhance-prompt の用途

enhance-prompt skill は、「ログインページを作って」「分析用のダッシュボードを作って」のように、生成の土台としては曖昧すぎる入力を補強したいときに使います。この skill は、ページ種別、コンポーネント構造、視覚トーン、デザインシステムのヒントといった不足している文脈を補い、モデルが推測しすぎないようにします。

どんな人に最も向いているか

この enhance-prompt ガイドは、Stitch ユーザー、プロンプト作成者、そして毎回手作業で細部を書き込まずに、再現性のある UI 生成を行いたいチームに向いています。特に、初回ドラフトを早く出したい、弱い出力を減らしたい、既存のデザインシステムによりよく揃えたい、という場合に役立ちます。

何が違うのか

enhance-prompt skill は、単なるプロンプトの言い換えではありません。不足点を見極める、UI/UX の語彙を足す、デザインシステムの文脈を確認する、Stitch がより予測しやすく動ける形に整える、という拡張パイプラインに沿って処理します。そのため、単なる「もっとよく書き直して」という一般的なプロンプトよりも実用的です。

enhance-prompt skill の使い方

インストールして有効化する

プロジェクトの README にあるリポジトリのインストール手順を使います: npx skills add google-labs-code/stitch-skills --skill enhance-prompt --global。skills 対応環境で作業している場合は、書き換えを依頼する前に enhance-prompt を有効化しておくと、モデルが場当たり的な一般プロンプト編集ではなく、この skill のワークフローに沿って処理します。

使える形の元ネタを渡す

enhance-prompt skill は、元のアイデア、対象画面、そしてすでに分かっている制約を渡すと最もよく機能します。よい入力例は次のようなものです:

• 「3 ステップのモバイル向けオンボーディングフロー、親しみやすいトーン、ブランドカラー定義済み、という条件でこのプロンプトを強化して」
• 「サイドバーナビゲーションと密度の高い情報階層を持つ B2B 分析ダッシュボード向けに、このプロンプトを改善して」
• 「この曖昧なログインページのプロンプトを Stitch 向けに、ミニマルでアクセシブルな方向のまま書き直して」

テーマだけを送ると、skill 側が推測しすぎることになります。プラットフォーム、ページ種別、対象ユーザー、デザインシステムのルールを渡せば、はるかに使いやすい出力になります。

先に読むべきファイル

まず SKILL.md でワークフローを確認し、そのあと README.md でインストールと利用の前提を見てください。最も価値が高い参照ファイルは references/KEYWORDS.md で、skill がプロンプトを豊かにするために使うコンポーネントや形容詞の語彙がまとまっています。自分のリポジトリに合わせてこの skill を調整するなら、同じパターンを写す前に、デザインシステム関連やルール系のファイルをツリー全体で確認してください。

より良い出力のために依頼を整える

enhance-prompt をうまく使うには、どんな UI を生成したいのか、どんなトーンを保ちたいのか、何を変えてはいけないのかを明確に伝えるのが重要です。たとえば、結果を「クリーンでエンタープライズ向け」「遊び心がありカラフル」「高級感があり抑制的」のどれに寄せるのかを伝えます。さらに、レスポンシブ対応、アクセシビリティ、既存デザインシステムの再利用といった制約も明記してください。そうすることで、enhance-prompt は無難な穴埋めではなく、役立つ具体情報を足せます。

enhance-prompt skill の FAQ

enhance-prompt は Stitch 用プロンプトだけですか？

はい、この skill は Stitch のプロンプト作成とプロンプト整理向けに調整されています。一般的なマーケティング用プロンプト、コーディング用プロンプト、リサーチ用プロンプトが目的なら、たぶん適切なツールではありません。enhance-prompt の強みは、Stitch が最も恩恵を受ける UI の詳細を追加できることです。

プロンプト作成の経験は必要ですか？

いいえ。enhance-prompt skill は、短いアイデアをより完成度の高いブリーフに変えられるので、初心者にも有用です。プラットフォーム、ページ種別、スタイルの目標を言えると結果はさらに良くなりますが、始めるために UI の専門用語を深く知っている必要はありません。

AI に「プロンプトを改善して」と頼むのと何が違いますか？

一般的な書き換えは、文章をきれいに見せるだけで、デザインの具体性までは高めないことが多いです。enhance-prompt skill は、実用的な UI 構造、references/KEYWORDS.md の用語、デザインシステムの確認を追加するため、最終的なプロンプトが Stitch にとってより実行しやすくなります。

使わないほうがいいのはどんなときですか？

すでに非常に詳細で本番投入レベルのプロンプトがある場合や、タスクが UI 生成ではない場合は、enhance-prompt を使わないでください。また、純粋な文章のスタイル修正だけをしたいときにも向いていません。この skill の役割は、見た目の文体調整ではなく、デザイン出力向けのプロンプト品質を高めることだからです。

enhance-prompt skill の改善方法

重要な制約を最初に渡す

品質が大きく上がるのは、UI が何を支えるべきかを具体化したときです。たとえば、主要ユーザーの目的、ページ種別、デバイス対象、ブランドルールを明示します。「ダッシュボードを作って」ではなく、「営業マネージャー向けのデスクトップダッシュボードを、明快な階層、コンパクトなカード、信頼感のあるエンタープライズな雰囲気で作って」のように言うと、enhance-prompt がより適切なコンポーネントとトーンを選びやすくなります。

参照語彙を意図的に使う

references/KEYWORDS.md は、推測のぶれを減らすためのものです。レイアウトに tabs、sidebar、alerts、card grid を含めたいなら、はっきり伝えてください。特定のムードが欲しいなら、それも直接名前を挙げましょう。入力が参照語彙に近いほど、強化されたプロンプトが曖昧な UI 言語に流れにくくなります。

よくある失敗パターンに注意する

主な失敗は、過度な推測です。つまり、プロンプトは詳細になるのに、元の意図には忠実でなくなる状態です。これを防ぐには、何を固定するか、何を発想してよいか、何を最小限のままにするかを skill に伝えてください。最初の結果が広すぎるならブリーフを絞り、狭すぎるなら製品コンテキストと対象ユーザーの情報を足します。

最初の出力から反復する

最初に出てきた強化済みプロンプトは下書きとして扱い、Stitch が実際にどう出力するかを見ながら磨いてください。出力が地味すぎるなら、enhance-prompt にもっと強い視覚的方向性を足すよう依頼します。逆に忙しすぎるなら、コンポーネント密度を下げて階層を単純化するよう頼みます。最良の結果を出すには、同じ弱い入力を何度も磨き続けるより、もう一度書き直す前に元のブリーフ自体を改善してください。