用AI约束AI:Codex做UI和小程序前,先把需求、设计和边界讲清楚
当天最早的讨论集中在一个典型问题:已经有完整UI稿、页面PDF和素材,交给Codex后仍然会偏离设计。群友形成的共识是,失败通常不是因为模型完全不行,而是人没有把UI逻辑、操作顺序、技术栈、架构边界和验收标准显式化。更稳的做法是先让ChatGPT或其他强模型理解需求并生成给Codex的工作指令,再让Codex执行。
对于已有项目,特别要写清楚不可触碰区域,例如公共函数、公共组件、已有接口和样式入口。Codex容易为了完成当前任务而改动底层公共函数,导致界面整体失控;因此可以把规则写成铁律:公共函数只读、控件只通过公共入口调用、只改指定模块、每次修改后按截图或设计稿自检。
从零做小程序或App时,也不建议直接一句话让Agent开工。更可控的链路是:主Agent先产出需求文档,子Agent写架构文档,再由另一个子Agent做交互HTML或UI设计,满意后再进入代码实现。UI侧如果没有design token,后期靠Codex修样式会反复返工;可以先用Claude Design、v0或Open Design完成视觉和交互基线,再让Codex负责工程化落地。
核心观点
Codex执行力强,但前提是人要先把需求、边界和验收标准结构化。
设计稿、截图、PDF只是输入材料,真正决定效果的是对交互逻辑和不可改区域的约束。
已有项目要优先保护公共函数和公共组件,否则一次UI调整可能引发系统性回归。
UI开发应先建立design token和设计规范,再进入代码实现。
提到的工具
可执行建议
在让Codex改UI前,先让ChatGPT生成一份包含技术栈、页面逻辑、不可改文件、验收标准的.md工作指令。
把公共函数、公共组件、接口层和样式入口写进项目铁律,要求Agent每次执行前复述边界。
做新应用时先产出需求文档、架构文档和交互原型,再让Codex进入代码阶段。