Communitygithub.com

google-labs-code/enhance-prompt

漠然としたUIアイデアを、洗練されたStitch最適化プロンプトに変換します。具体性を高め、UI/UXキーワードを追加し、デザインシステムのコンテキストを注入し、生成結果を向上させるために出力を構造化します。

enhance-prompt とは?

このスキルは、開発者やAIエージェントユーザーが持つ「こういうUIを作りたい」という漠然としたアイデアを、生成AIにとって理想的な精度で解釈・応答できる「Stitch最適化プロンプト」へと変換します。入力されたキーフレーズやざっくりとしたUIコンセプトを解析し、具体的なUXパターン(例: ナビゲーションフロー、モーダル、ドロワーなど)やFigmaプラグインとしてよく知られるStitchのデザインシステムの原則に基づいた用語を補完します。さらに、プロンプトの出力形式を構造化(例: コンポーネントごとの見出し、プロパティ一覧)し、生成品質を劇的に向上させるのが目的です。主に、UI生成ツールやプロトタイピングアシスタントとして動作するAIエージェント(Claude Code、Cursor、Codexなど)と連携することを想定しており、これによりユーザーは試行錯誤の手間を大幅に削減しながら、一貫性と美しさを備えたUIモックアップやコードを生成できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/enhance-prompt

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

enhance-prompt は何をしますか?

漠然としたUIアイデアを、洗練されたStitch最適化プロンプトに変換します。具体性を高め、UI/UXキーワードを追加し、デザインシステムのコンテキストを注入し、生成結果を向上させるために出力を構造化します。

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

関連スキル