AIにUIを作らせる前に、まず動くリファレンスを作る
この記事で分かること
AIにUIを生成させる前に、人間が先に動くリファレンス(モックアップやプロトタイプ)を作る工程が有効だと分かる。具体的には、リファレンスがあることでAIの出力品質が安定し、修正指示の手間が減るという実務上の利点を押さえられる。
詳細要約
UI開発では、AIに直接UIを生成させる前に、動作するリファレンス実装を先に用意することで、AIの出力品質と開発効率が大幅に向上する。具体的には、リファレンスとして実際に動くHTML/CSS/JavaScriptのコードを1つ提示し、その構造やスタイルをAIに「このリファレンスをベースに、〇〇の画面を追加して」と指示する。また、リファレンスがない状態で「UIを作って」と依頼すると、AIが独自の解釈でコードを生成し、修正に時間がかかる点に注意が必要。