精选理由
这套模式解决了AI辅助开发中设计稿与代码脱节的痛点，做App原型或MVP的开发者可以直接参考，尤其是用Claude Opus做UI实现的团队，值得一试。
宝玉分享了一套基于Claude Design的开发模式：先用Claude Design设计UI/UX，输出HTML+CSS+React+data.js，便于AI理解和版本管理；再交给Claude Opus 4.8实现MVP，逐步迭代；每次生成可运行版本，通过即时反馈修正问题；稳定后重构优化性能。为解决Claude Design在本地与网页间切换的痛点，他研究了Claude Design的本地运行方案，并利用Codex的标记功能或Cursor的网页标记功能，实现了本地集成。最终发布了可在本地运行Claude Design的Skill，推荐开发者尝试。
AI 翻译 · 中文
宝玉分享了一套基于Claude Design的开发模式：先用Claude Design设计UI/UX，输出HTML+CSS+React+data.js，便于AI理解和版本管理；再交给Claude Opus 4.8实现MVP，逐步迭代；每次生成可运行版本，通过即时反馈修正问题；稳定后重构优化性能。为解决Claude Design在本地与网页间切换的痛点，他研究了Claude Design的本地运行方案，并利用Codex的标记功能或Cursor的网页标记功能，实现了本地集成。最终发布了可在本地运行Claude Design的Skill，推荐开发者尝试。
之所以研究 Claude Design，是因为最近摸索出一套不错的开发模式： 1. 先用 Claude Design 去设计 App 的 UI 和 UX，第一版本越简单越好。 Claude Design 交付的结果是 HTML + CSS + React + data.js，通过 CSS 一下就可以看清楚设计系统的颜色系统、尺寸规范，通过 React 可以看清楚组件结构，通过 data 可以知道数据结构什么样子。 这几个组合可比 fig…