Claude Design 使用经验:设计阶段不必喂参考代码
用 Claude Design 做设计的朋友看这个:设计时别喂代码,讲清楚功能就行,再学他导出 HTML+React 后用本地 Skill 迭代,省得来回搬文件。
博主分享 Claude Design 的工作流:设计阶段只需把功能描述清楚,最多配截图说明,不必提供 PoC 或参考代码。
第一版设计在 claude.ai/design 上完成,导出格式为 HTML + React + data.
json 文件。后续迭代改用自建的本地 Skill(github.
com/jimliu/baoyu-d)在本地维护,作者认为比 Claude Code 自带的 /design 更好用,也省去了来回在网站上操作的麻烦。
Claude Design 做设计,一般不需要参考代码,功能描述清楚就好,不管是不是 PoC 代码,最多截图辅助描述功能。毕竟设计的是功能,不是实现。 Claude Design 我第一版本可能在 claude.ai/design 上做,导出 Project 放到本地,导出的格式是 HTML + React + data.json 文件 后续我就用本地 Skill ( github.com/jimliu/baoyu-d… ,即使是 Claude Code 自带的 /design 也不如我逆向的本地 Skill 好用)维护迭代,不再去网站,否则来回捣腾太烦了。 北火 @beihuo @dotey 请教一下,在使用 claude design 做设计的时候,你是在 PoC 的代码上工作还是使用专门的设计文件夹?Claude Design 的设计是直接让它写到项目代码,还是导出?如果导出,是导出成什么格式呢? 谢谢🙏 🔗 View Quoted Tweet📊 4 ⚡
本条情报归属 AITOP「技巧」核心栏目,重点聚焦北美前沿实验室与硅谷科技巨头。在跨区域产业观察坐标中,该动态直接关联「AI 开发者工具链、Coding Agent 与工程化实践」研究主线,反映出当前技术演进与商业落地的最新风向。涉及核心实体与技术议题包括:Claude Design、Claude Code、Skill、工作流,读者可通过下方标签进入对应专题页查阅历史脉络与关联对比。
信源核验说明:本文原始线索采编自「宝玉」(@dotey),经 AITOP 多维评分管线结构化提炼。