まとめ検索.com

AIにUIを作らせる前に、まず動くリファレンスを作る

zenn · 2026-05-05

この記事で分かること

AIにUIを生成させる前に、人間が先に動くリファレンス(モックアップやプロトタイプ)を作る工程が有効だと分かる。具体的には、リファレンスがあることでAIの出力品質が安定し、修正指示の手間が減るという実務上の利点を押さえられる。

詳細要約

UI開発では、AIに直接UIを生成させる前に、動作するリファレンス実装を先に用意することで、AIの出力品質と開発効率が大幅に向上する。具体的には、リファレンスとして実際に動くHTML/CSS/JavaScriptのコードを1つ提示し、その構造やスタイルをAIに「このリファレンスをベースに、〇〇の画面を追加して」と指示する。また、リファレンスがない状態で「UIを作って」と依頼すると、AIが独自の解釈でコードを生成し、修正に時間がかかる点に注意が必要。

関連ニュース