除非想不开，总之不能让codex去做原型。我之前顶多是让codex开发，把所有功能都实现了。然后截图给网页版gemini，重新给我布局，使用html生成高保真的原型，自己看完效果后，扔给codex去一比一还原。然后贴一个我常用的地址，用于查看gemini生成的html代码：https://www.toolhelper.cn/Html/Preview。不过现在又代充了一个claude pro账号，我发现claude做原型效果还是不错的，尤其交互逻辑这块。gemini没有交互设计能力。所以，有时候claude生成的也不满意的话，可以进一步让gemini试试。另外贴一段让codex修改样式的提示词： 这次任务是“视觉高保真还原”，不是重写功能。
HTML 原型只作为视觉规格源，用来还原：
布局
色调
字体层级
间距
圆角
阴影
图标风格
组件质感
页面整体观感
但功能必须使用当前系统自己的实现，不要照搬 HTML 原型里的功能逻辑。
具体要求：
1. 页面功能、业务逻辑、接口调用、数据结构、状态管理、权限控制、路由跳转，必须
沿用当前系统已有实现。
2. HTML 原型中的 mock 数据、假按钮、内联脚本、示例交互、临时状态，只能作为视觉
参考，不能直接作为业务实现。
3. 如果原型中的交互和当前系统已有功能不一致，以当前系统功能为准。
4. 如果为了还原视觉需要调整组件结构，可以改展示层，但不要改变业务语义、接口协
议和数据流。
5. 如果发现视觉原型和当前系统功能存在冲突，请先列出冲突点，再选择“保留系统功
能、还原原型视觉”的方案。
可以把完整提示词写成这样：
请严格以我提供的 HTML 原型作为 UI 视觉规格源，对当前系统页面做高保真视觉还原。
注意：HTML 原型只用于还原视觉，不用于替换功能。
你需要还原：
但必须保留当前系统自己的：
业务逻辑
接口调用
数据结构
状态管理
权限控制
路由跳转
表单校验
错误处理
国际化或配置逻辑
不要照搬 HTML 原型中的 mock 数据、假交互、内联脚本或临时逻辑。
如果 HTML 原型和当前系统功能冲突，以当前系统功能为准，只还原视觉效果。
实现前请先拆解 HTML 原型的视觉规范。
实现后请运行页面并截图自检，重点比较布局、色调、间距、字体层级和组件质感是否接
近原型。
神乐静无月 06-26 16:541楼
ymh1147 06-26 16:542楼
darksky 06-26 16:553楼
林狗 06-26 16:574楼
古月 06-26 17:065楼
codex1 06-26 18:266楼
克鲁鲁·采佩西🩸 06-26 18:297楼