先 Image 2.5 出站視覺 mock，再讓 Codex 寫站

別先甩代碼：把受衆/文案/品牌色/參考圖丟給 Codex，明確「先出 imagegen 網頁 mock 再寫前端」。審完佈局與 CTA 再落實現、對照截圖修差分——Images 2→2.5 一路變穩的一人隊建站法。

提示詞

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 根據這份 brief 和附件中的參考圖創建網站 mockup
使用提供的文案、品牌資產和產品信息
展示頁面佈局、排版、圖像和 call to action，並在寫代碼之前等我的反饋

---

把已通過的 mockup 搭建爲響應式頁面
保留其佈局、間距、排版和視覺層級，使用已確認的文案，並實現我們商定的交互
在改動之前，先標出任何需要做設計決策的地方

溯源

原作者: shannholmberg
發佈日期: 2026-09-21
原始出處: 查看原帖 ↗
收錄來源: xianyu110/awesome-gpt-image2.5 · 2102163474709389562 · MIT