我在开发项目是,第一版本会先用 Claude Design 设计好 UI 原型/设计,打磨好后放到本地,配合 Baoyu-Design Skill 去维护,每次开发新功能前,不是先去实现功能,而是先修改本地的原型,原型修改确认好了后再去修改功能。 后来直接把规则放到了 Agents.md/claude.md 里面,只要说修改或者增加什么功能,默认会先帮我修改原型。所以到现在为止,原型和实际功能都是保持一致的。 这带来的好处是可以先低成本通过原型验证产品设计和 UI 设计。 另一个好处就是 Claude Design 产出物是 React 代码和结构化的 json 数据,通过 git diff 很清晰的能看到版本变更历史,功能确定了后,agent 参考diff结果代码实现会相对比较容易。 Baoyu-Design Skill github.com/JimLiu/baoyu-d…
X 上的 宝玉:“我在开发项目是,第一版本会先用 Claude Design 设计好 UI 原型/设计,打磨好后放到本地,配合 Baoyu-Design Skill 去维护,每次开发新功能前,不是先去实现功能,而是先修改本地的原型,原型修改确认好了后再去修改功能。 后来直接把规则放到了 Agents.md/claude.md https://t.co/CX8erSXu7J” / X
作者在项目初期先用 Claude Design 完成并打磨 UI 原型,再将其保存到本地,通过 Baoyu-Design Skill 持续维护。每次新增或修改功能时,默认先更新并确认原型,再进行实际开发,从而确保原型与产品功能始终一致。这种流程既能以较低成本验证产品与 UI 设计,也能借助 React 代码、结构化 JSON 数据及 Git Diff 清晰追踪版本变化,方便 Agent 根据差异实现功能。


