品牌风格复制机来了！这个 Skill 让 AI 一秒学会 Apple / Stripe / Notion 的设计语言

你有没有遇到过这种情况：让 AI 帮你写一个落地页，十秒钟就出代码了，但怎么看怎么像「AI 味的页面」——随机的主色、系统默认字体、按钮放在哪都像凑数的。

问题不在模型，在上下文。真正让 Apple、Notion、Stripe 这些品牌脱颖而出的，从来不是「极简」这种虚词，而是 letter-spacing: -2.125px、font-weight: 300、rgba(50,50,93,0.25) 0px 30px 45px -30px 这种精确到像素的设计规范。

brand-design-md 是什么？

这是一个 Claude Code Skill，底层接入了 getdesign.md——一个把 62 个顶级品牌设计系统蒸馏成结构化 DESIGN.md 的开源项目。

你只需要说：

• 「用 Apple 风格做一个登录页」
• 「参考 Stripe 的紫色调做按钮」
• 「Notion 的暖色 + Linear 的极简布局，做一个卡片组件」

它就会自动识别品牌名，调用 npx getdesign@latest add 拉取最新设计规范，提取颜色 token、字体规则、间距系统和阴影公式，然后生成严格对齐规范的 UI 代码。

为什么值得装？

过去你要复刻一个品牌风格，得先去 Dribbble 找参考图、手动取色、慢慢调间距。现在这个 Skill 把 62 个品牌的「设计 DNA」打包好了，直接喂给 AI。

支持的品牌包括：Apple、Notion、Claude、Stripe、Linear、Vercel、Figma、Spotify、Tesla、Ferrari、Airbnb、Nike……中英文品牌名都能识别，还支持混搭风格。

因为运行时调用 npx，规范永远是最新的。getdesign.md 更新了某个品牌的规则，你下次对话自动拿到最新版，不用手动维护。

适用场景

• 快速出原型：给客户做 demo 页面，几分钟就能出品牌对齐的稿子
• 设计系统搭建：参考 Linear 的紫色强调色、Vercel 的黑白极简，快速建立自己的 token 体系
• 学习顶级设计：看看 Apple 为什么留白那么多、Stripe 的紫色为什么看着高级

怎么用？

前提是装了 Claude Code 和 Node.js，然后把 SKILL.md 复制到 ~/.claude/skills/brand-design-md/，重启 Claude Code 就能用。

对于做 landing page、设计系统、品牌站点的同学，这个 Skill 能省掉一大半「对齐视觉规范」的沟通成本。AI 写代码已经够快了，缺的是让代码「长得像那个品牌」的精确上下文——这正是它补上的那块拼图。

GitHub：https://github.com/SpaceZephyr/brand-design-md

GitHub: https://github.com/SpaceZephyr/brand-design-md