3DのLPは、先にセクションごとの参考画像を画像生成で作らせてから、Three.jsで組ませる

コーディングエージェント（Codex）に画像・動画生成のプラグインをつなぎ、「各セクションのデザインを画像で先に作る→それを参考にThree.jsで実装→3Dの出来を10点満点で8点以上に」と1つのプロンプトで頼む。

製品LPを3Dで見せたいが、いきなりコードを書かせると見せ方が平凡になるとき。エージェントに「アートディレクション」を先にさせたいとき。コードより先に画像生成でデザインモックを作る。最初にスタイル案を4つ出させて選ぶと機能ごとに「強いデザイン参照を1つ」渡し、エージェントに10点満点で自己採点させるを、3DのLPに組み合わせた形。

Codex（ChatGPT）に画像・動画生成ができるプラグインを入れる。投稿では Pika の ChatGPT プラグインを使用（複数の画像・動画生成モデルと編集機能が入っている）。
次の要素を入れたプロンプトを渡す（投稿のプロンプトを要約）：
- 何のLPか（例：新しいロードスターの車）と、Three.jsで3Dにすること
- 実装の前に、プラグインで各セクションのデザインを画像生成し、車の見せ方を工夫すること
- 参考サイトのURLと方向性（例：参考ブランドのスタイルでダークモード）
- 「Three.jsで作る前に、各セクションの参考画像が必要」と明記する
- 「3Dの出来を10点中8点以上にする」と品質の目標を数字で置く
出てきた参考画像を見て方向を確認してから、実装に進ませる。