UIリファレンスをCursorやClaudeで使える明確なプロンプトに変換する方法がわかりません。

この機能は、UIリファレンスをCursorやClaudeに貼り付けられる明確で構造化されたプロンプトに変換するのに役立ちます。曖昧さを減らし、モデルが適切なコンテキスト、制約、および希望する出力形式を確実に受け取れるようにします。

この機能は、UIリファレンス（スクリーンショット、デザインモック、既存のインターフェースなど）を、CursorやClaude向けの正確で実行可能なプロンプトに変換するようユーザーをガイドします。レイアウト、コンポーネント、インタラクション、状態、制約といったインターフェースの主要要素を特定し、AIモデルが理解できる言語で表現するのをサポートします。また、ターゲットプラットフォーム、技術スタック、アクセシビリティの要件、レスポンシブ動作などの重要なコンテキストを追加するよう促します。構造化されたプロンプト形式を提供することで、ユーザーは何を構築し、何を一致させ、何を柔軟に残すかを指定できます。さらに、読み込み中、空の状態、エラー、バリデーション状態などのエッジケースを記述する手助けをし、不完全な出力を防ぎます。前提条件を明確にし、受け入れ基準を定義することで、生成されるコードやUI指示の一貫性と有用性が向上します。ユーザーは、リファレンスからUIを再作成する際や、既存のデザインを反復する際、あるいはコンポーネントごとの実装計画を依頼する際にこの機能を利用できます。その結果、より理解しやすく、完成度が高く、本番環境ですぐに使える出力を生成する可能性が高いプロンプトが得られます。AIアシスタントにUIを説明する際に、どの詳細が最も重要か確信が持てないユーザーにとって特に有用です。