快人一步！将 Claude Design 迁移到 Codex

真正把 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，把按钮、表单、卡片、空状态、错误态都放进去。

你最想把哪种 Claude Design 经验搬到 Codex？

设计系统

局部修改

开发预览页