核心用法
Awesome Design Skill 是一个专用于UI设计风格选择的开发辅助工具。其核心功能是从预置的 design-md 风格库中提取特定品牌的设计系统规范，生成 DESIGN.md 文件作为开发指导。该技能严格依赖用户明确指定风格名称触发，支持 50+ 知名品牌设计风格，包括 Linear（项目管理工具）、Apple（消费电子）、Stripe（金融科技）、Vercel（开发者工具）、Notion（协作文档）、Figma（设计工具）等。
使用流程分为三类场景：
1. 指定风格设计：用户明确说出"用Linear风格设计"等指令时，系统调用 get-design.sh 验证风格存在性，再执行 copy-design.sh 将 DESIGN.md 复制到工作目录，作为后续UI开发的风格依据。
2. 浏览可用风格：当用户询问"有哪些风格"时，执行 list-styles.sh 展示完整风格列表。
3. 查看特定规范：用户询问"看看Vercel风格"时，读取并展示该风格的详细设计规范。
4. 重构现有页面：用户要求"将页面改为Airbnb风格"时，先读取原页面结构，再应用新风格的色彩、排版、间距、组件、动画等规范进行视觉重构，保持功能不变。
显著优点
- 品牌级设计一致性：直接引用行业顶尖产品的设计系统，避免从零构建视觉语言，确保输出具备专业水准。
- 多场景覆盖：涵盖SaaS工具（Linear、Notion）、金融科技（Stripe、Coinbase）、开发者工具（Vercel、Cursor）、消费产品（Apple、Spotify）等多元领域，匹配不同业务场景。
- 可扩展架构：
design-md目录支持自由添加、替换、删除风格文件，用户可构建私有设计库。 - 自动化工作流：通过Shell脚本封装复杂操作，设计师/开发者无需手动查找设计规范。
- 细节完整：每个DESIGN.md包含色彩系统、字体排版、间距、阴影、圆角、组件样式、动画效果七大模块，覆盖开发所需全部视觉参数。
潜在缺点与局限性
- 触发条件严格：用户未明确指定风格时（如只说"设计一个页面"）完全无法触发，需用户具备"先选风格再设计"的意识，存在学习成本。
- 静态规范限制：设计系统为预置文档，无法实时响应品牌更新（如Apple发布新视觉语言后需手动更新design-md）。
- 镜像源依赖：字体使用
fonts.loli.net镜像，虽优化了国内访问，但依赖第三方服务稳定性，存在可用性风险。 - 无视觉预览：仅输出文本规范的DESIGN.md，无实时渲染预览，开发者需脑补或借助其他工具验证效果。
- 重构风险：自动重构现有页面时，复杂布局可能因风格系统差异产生视觉错位，需人工复核。
适合人群
- 前端开发者：需要快速应用专业设计系统，避免与设计师反复沟通视觉细节。
- 独立开发者/全栈工程师：缺乏专职设计资源，希望产品UI直接对标一线品牌水准。
- 设计系统学习者：通过阅读Stripe、Linear等顶级产品的设计规范，学习现代UI设计方法论。
- 快速原型制作：需要在演示前快速切换多种视觉风格进行方案比选。
常规风险
- 风格误用风险：将Stripe的金融科技风格用于儿童教育产品，可能产生严重的品牌调性错配。
- 版权问题：直接复刻知名品牌视觉元素用于商业产品，可能存在商标/外观专利侵权隐患，建议仅作学习参考或深度二次创作。
- 技术债务：频繁切换风格会导致代码中充斥条件分支或样式覆盖，增加维护复杂度。
- 过度依赖：开发者可能忽视理解设计原理，沦为"风格搬运工"，丧失独立设计能力。
该技能本质是设计系统的"基础设施即代码"，在明确风格输入的前提下能显著提升UI开发效率和一致性，但需使用者具备基础的设计判断力以避免滥用。