让 AI 设计变好看的一个方法
One way to make AI design look good核心是把一个任务拆分成不同步骤，在每个步骤选择相对最合适的工具，分层设定输入/输出/验收标准，在过程中随时 align, 保证最后的结果不会太走偏
不同工具之间可以交叉验证做 design critique
一次做好一件事
前期：通用 Agents 确定框架 - Claude, ChatGPT
中期：设计 Agents 完成 UI/UX - Claude Design, Figma Make, Google Stitch
后期：编码 Agents 完成开发 - Claude Code, Codex
L1. 产品文档 ｜Product foundation 工具：通用 Agents 输入：面向谁，用什么方法，解决了什么问题 输出：product-foundation.md 验收：把这个理解成项目背景文件或 PRD, project file 里需要有的文件
L2A. 信息架构 ｜Landing page IA 工具：通用 Agents 输入：product-foundation.md 输出：landing-page-ia.md 验收：好的 story telling
L2B. 产品架构 ｜Product system UX spec 工具：通用 Agents 输入：功能需求、用户流程、页面、状态、数据对象 输出：user-flow / object-model / page-specs / state-specs 验收：核心任务流的顺畅，动线合理
L3. 视觉探索 ｜Visual discovery 工具：设计 Agents 输入：喜欢和不喜欢的视觉参考(贴图)，以及自己的直觉评论 输出：visual-direction.md (optional) 验收：核对调性
L4. 设计系统 ｜Design Token 工具：设计 Agents 输入：以上产出的三份文档，如果产品本身已经开发了部分，连接 GitHub 更便于 agents 了解现有组件样式/产品结构/数据等 输出：DESIGN.md 验收：把上个层级的「感觉」落实到具体的颜色/字体/视觉风格上
L5. 设计实现 ｜UI exploration 工具：设计 Agents 输入：IA / UX specs + DESIGN.md 输出：一个或多个视觉版本, 定稿后的handoff bundle(以 Claude Design -> Claude 举例，这是最佳方式) 验收：设计效果验收
L6. 编码实现 ｜Implementation & QA 工具：编码 Agents 输入：handoff bundle 输出：实现后的页面 验收：设计实现验收
L1 - PRD
L2 - Landing Page - IA; Product - UX Spec
L3 - Visual Exploration
L4 - DESIGN.md
L5 - Final UI/UX
L6 - Coding