真正把 Claude Design 用顺的人，切到 Codex App 做设计，做前端，反而更领先一步。
如果你想移动过去，前提是不能把画布习惯原封不动搬过去。因为 Claude Design 是设计画布，但是 Codex 是工程 Agent。
迁移得好，页面审美就好得不得了，迁移错了，就会变成 AI 味卡片。
设计概念图

第一、设计要从审美偏好，变成工程约束
比如参考 Adobe React Spectrum：https://github.com/adobe/react-spectrum，别只说做得像 Adobe。要说写清按钮状态、键盘可用、暗色模式、间距 token、表单错误态。审美变成规则，Codex 才能反复执行。
第二、小步迭代要分开来做
Claude Design 可以先出一整屏，Codex 然后去一块一块改，比如先重做筛选栏，保证移动端不溢出。

第三、Markup 要变成文件边界
在 Claude Design 里，你可以圈一块区域改。到 Codex 里，就要说清只改 UserTable.tsx 和 table.css，不要顺手动路由、接口和全局主题。
第四、上下文要写进项目
聊天里反复提醒，不如把规则放进 AGENTS.md、DESIGN_SYSTEM.md、UI_RULES.md。比如卡片圆角不超过 8px、按钮必须有 loading/disabled、表格要有空状态。
第五、Tweaks 要变成开发预览页
Claude Design 里看一眼画布就能微调。Codex 里最好做一个 /dev-preview，把按钮、表单、卡片、空状态、错误态都放进去。

未来会用 AI 做产品的人，是会把设计、交互、工程边界和验收标准写成提示词的人。关注我，我会持续为你带来干货。

你最想把哪种 Claude Design 经验搬到 Codex？
设计系统
局部修改
开发预览页
商务合作 international@hkyutong.com