用途:把分散的品牌资产分析并合成为 Claude Design 可一次性吸收的 DESIGN.md,解决设计系统搭建中最常见的失败——资产零散、未整理就上传。
主要能力:支持五类输入——代码(GitHub repo URL、本地 UI 包目录,提取 React/Vue/Svelte 组件、CSS token、Tailwind 配置)、设计文件(Figma .fig、Sketch、组件截图 PNG)、品牌资产(Logo SVG/PNG、色板图、样式指南 PDF)、实物(运营中网站 URL、PPTX、营销页)、预置系统(Apple/Linear/Stripe)。v2.21.0+ 优先从 moai-design:design-system-library 的 75 个系统中选择,以 systems/<name>.md 的 token 作为 DESIGN.md 合成的一手来源,外部资产仅作补充。
使用方式:先询问资产类型并收集路径/URL;再分析资产(WebFetch 分析网站、视觉分析图片、解析 PPTX/PDF、分析 repo 的 package.json 与 tailwind.config.*);然后按 Brand voice、Color palette、Typography、Spacing scale、Components、Voice & copy patterns、Reference、Constraints 等结构合成 DESIGN.md;同时生成 UPLOAD-GUIDE.md 与整理后的资产副本,默认存于 ./design-system-prep/。
适用场景:运营中 SaaS 公司、资产较少的初创团队、无资产想从预置系统起步的团队。
限制:不要分析整个 monorepo;含客户数据或营收的 PPTX 需匿名化后再上传;字体需确认许可;不得仅凭猜测填充 DESIGN.md,需用户确认;WebFetch 分析需遵守 robots.txt 与使用条款。上传后需等待 5-15 分钟分析,用测试提示验证后再开启 Published。