用途:当用户想为项目套用某个品牌设计风格时,此技能帮助选择合适的预制设计系统文件 DESIGN.md,并放入项目根目录,供 AI coding agent 构建 UI 组件时参考。DESIGN.md 是专为 AI coding agent 设计的纯 Markdown 设计系统规格文件,awesome-design-md 仓库收录 58 个知名品牌的版本。
主要能力与使用方式:先询问用户想要的设计风格方向,提供极简/技术感、温暖/编辑感、专业/金融感、奢华/高端感、缤纷/产品感、设计师感、开发者工具感,以及自行浏览全部品牌共 8 个选项。选择 A–G 时读取 references/brands.md 并按风格标签筛选品牌;选择 H 时按原始分类列出全部 58 个品牌。随后确认保存目录,默认当前项目根目录(.)。下载时使用脚本 bash /Users/wenjia/.claude/skills/awesome-design-setup/scripts/fetch_design.sh <path-key> <output-dir>,<path-key> 取自 references/brands.md 的路径键列;也可用 curl -fsSL -o <output-dir>/DESIGN.md https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/<path-key>/DESIGN.md。完成后确认文件位置,并告知用户构建 UI 组件时说“参考 DESIGN.md 构建 [组件名称]”即可套用。
适用场景:为项目快速引入某一品牌的设计风格基准。
限制:每个项目使用一个 DESIGN.md 是标准用法;需要对比两种风格时下载到临时文件(如 DESIGN.linear.md、DESIGN.stripe.md)比较后再确定。所有文件遵循 MIT 协议,可提交到仓库。该仓库不会随品牌更新设计系统而自动同步,视为稳定快照使用。