GPT Image 2.6 设计稿转 HTML 提示词（Codex）

在 Codex 里把 GPT Image 2.6 设计稿重做成一个独立的 HTML 文件，布局、间距、颜色和文字一致，图标用内联 SVG。

提示词

把附上的设计稿图片重新实现为一个独立的 HTML 文件，尺寸 [390×844]，CSS 内联，使用系统字体。布局、间距、颜色和文字都要完全一致。图标用内联 SVG 画出来。

这条提示词能做什么

这组里的其他提示词最后得到的都是一张图，不能点、不能缩放，也不能直接上线。这条是给 Codex 用的：附上你生成的设计稿，它会把图重新实现为一个独立的 HTML 文件，CSS 内联、使用系统字体，布局、间距、颜色和文字都与原图一致，图标用内联 SVG 画出来。

方括号里的尺寸是唯一要改的地方。手机界面保持 390×844；其他情况按设计稿本身的尺寸来，比如桌面端首屏或仪表盘用 1440×900。如果图里有照片，告诉 Codex 真实图片文件放在哪里，而不是让它去重画。

第一版会很接近，但别指望像素级一致。在 Codex Design 画布上，生成的图片和 HTML 版本并排放在一起，间距或字号哪里不对一眼就能看出来，可以直接可视化调整，也可以再给 Codex 一条提示词来修。