プロンプト
Codex で使える UI デザインプロンプト。
Codex や ChatGPT で実際の画面をデザインするための、検証済みのコピーして使えるプロンプト。どのセットも最初のブリーフから本番コードまでをカバーし、プロンプトで作れるものの例も紹介しています。
プロンプトセット
- UI デザイン向け GPT Image 2.6 プロンプトアプリ画面、Web サイト、ダッシュボード、アイコン、GIF、画像編集のための 42 のプロンプト。
- ランディングページ（LP）のデザインプロンプトブリーフ、ヒーローの方向性、ページ全体、機能、料金、モバイルでの確認、本番コード。
- モバイルアプリの UI デザインプロンプトブリーフ、オンボーディングの流れ、ホーム、リストと詳細、設定、空の状態、ダークモード、コード。
プロンプトの使い方
- 順番に貼り付ける。 どのセットも最初にブリーフがあり、あとのプロンプトはそれを前提にしています。
- 角かっこの中を書き換える。 プロダクト、ターゲット、数字を入れる場所を示しています。
- 1 ファイルに 1 画面。 自己完結した HTML ファイルなら、比較、修正、コードへの移行が簡単です。