画面の前に、
デザインの意図を。 画面名・利用者・目的などを入力すると、「無難なAI生成UI」を避け、デザイン思想を先に言語化させてから実装させるWeb画面モック作成プロンプトを組み立てます。

0 プロンプトの文字数

作る画面

必須は空欄だと、AIが仮定を置いて進めます
必須
必須

誰が、どんな状況で使うか

必須

この画面で何を達成するか

任意

入力欄・表示項目

任意
任意

空欄なら架空データを作成

デザインの方向

空欄ならAI側が提案します
任意
任意
任意

出力の条件

プロンプト本文の構成を切り替えます
実装前の提示

プロンプト 18章

完成後の自己批評

プロンプト 19章

任意