@0x114514 UI/UX 我觉得还有 know how 的. 我也装过类似的 skill, 比如： https://impeccable.style/ 最后慢慢的都删除了，我觉得 skills 只不过是让设计尽可能规范化、标准化，想要有特色、有设计感时 还是需要专业的、有想象力的且表达清晰的人去指挥 coding agent 。可以试试 https://claude.ai/design
我用过 figma 和 calicat 的 mcp ，都是能完整读回一个 layer 的数据，首先我用便宜的 dsv4 去读然后生成页面，大概这时能还原到 80%；然后截整个页面的图，丢给 gpt5.5 ，让他完善细节，这时能到 95%
@0x114514 #6 mcp 会拿到 figma 原始的内容，大部分设计师没有编程经验，不是从前端开发的角度去做的设计稿，所以这些原始内容有一部分对 ai 来说是副作用，有些情况下的实现效果还不如直接截图给 ai 去写。可以试试在 mcp 之外再让 ai 用截图做兜底的 check ，但我们测试下来效果也不稳定。
1. 我目前用 codex+cluade cli ，首先我用 skillshare 统一 skills 使用。同时只维护一份 AGENTS.md,在 CLAUDE.md 中只需要一行 @AGENTS.md ，就可以做到保证 claude 会读取 AGENTS.md 中的内容 2. 开发新页面时，先对需求进行评审，尽可能补充边界场景。基本没问题之后用 AI 生成 stitch 提示词画几版页面生成出基本满意的为止。同时这一步为了统一风格可以维护一份 DESIGN.md 。然后导出到 figma ，再使用 figma mcp 让 AI 给出完整的开发计划。 3. 用完整开发计划生成/goal 提示词，同时需要指定允许使用子代理，并不限制子代理数量。开发模式指定为 TDD ，确保功能可追溯和防止改坏。 4. 再说修复 bug 场景，可以使用 skills：impeccable + ponytail ，同时先要求给出修复计划，确认没问题后再使用 TDD 模式开发。 5. 开发完后可以让 AI 执行几轮 检查遗漏和边界场景 6. UI 上遇到的偏差和问题尽可能通过提前生成好 DESIGN.md 并在 AGENTS.md 中指定遵循 DESIGN.md 来解决。skills 不止这几个，前端常用的一些和 brainstorm 没有列出
