まず Image 2.5 でサイトのビジュアルモック、次に Codex にサイトを書かせる

プロンプト

use imagegen to create a website mockup from this brief and the attached references
use the supplied copy, brand assets and product information
show the page layout, typography, imagery and calls to action, and wait for my feedback before writing code

---

build the approved mockup as a responsive page
preserve its layout, spacing, typography and visual hierarchy, use the approved copy and implement the interactions we agreed
flag anything that needs a design decision before changing it

日本語訳

imagegen を使って、このブリーフと添付の参考資料からウェブサイトのモックアップを作成する
提供されたコピー、ブランドアセット、製品情報を使用する
ページレイアウト、タイポグラフィ、画像、コールトゥアクションを提示し、コードを書く前に私のフィードバックを待つ

---

承認されたモックアップをレスポンシブページとして構築する
そのレイアウト、余白、タイポグラフィ、視覚的階層を維持し、承認されたコピーを使い、合意したインタラクションを実装する
変更が必要な点は、変更する前にデザイン判断が必要だと指摘する

出典

原作者

shannholmberg

公開日

2026-09-21

原典

元の投稿を見る ↗

収録元

xianyu110/awesome-gpt-image2.5 · 2102163474709389562 · MIT