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 ⚡
This report is categorized under AITOP's "How-to" desk, focusing on US frontier AI labs and Silicon Valley technology leaders. Within our cross-regional analytical framework, it directly maps to AI developer toolchains, coding agents, and engineering workflows. Key entities and technical topics under continuous tracking include Claude Design, Claude Code, Skill, 工作流.
Source attribution: curated from 宝玉 (@dotey).