让AI告别默认风格：一键调用62个大厂设计规范的Claude Code Skill

AI生成UI时有个通病：产出的风格过于统一。

主色调往往是某种紫色，看多了难免审美疲劳，一眼就能认出是AI的手笔，就像下面这种常见的“AI默认风”界面。

如果不给出明确的风格指引，AI模型永远只会使用它内置的“出厂设置”，产出的设计缺乏品牌辨识度。

而设计风格的引领者，向来是那些顶尖的科技公司。

苹果拥有自己详尽的设计规范，每次系统版本升级都会迭代其视觉语言，深刻影响着整个设计行业的风向。

其他大厂也不例外：谷歌的 Material Design、字节的 Semi Design、阿里的 Ant Design、Notion 的黑白极简、Linear 的极简紫色调…

这些大厂沉淀的 设计系统 ，堪称行业审美的教科书。用户对于“好看”的感知，早已被这些顶尖产品训练了多年。

所以，当你对AI说“做成苹果风格”时，背后所指的其实是一套历经几十年积累、包含数百页规范、数千个组件决策的庞大体系，绝非一句简单的描述所能概括。

01 汇聚60+大厂设计规范

现在，有人将这些宝贵的规范系统地整理成了结构化的 Markdown 文件，并放在了 getdesign.md 这个网站上。

该项目收录了62个全球顶级品牌的设计语言，并将其提炼成机器可读的 DESIGN.md 文件，让AI编码智能体（Agent）能够直接理解并执行。

覆盖范围横跨科技、消费品、奢侈品、金融等多个领域。

几乎所有以“设计口碑好”著称的产品，基本都能在上面找到。

DESIGN.md 文件：每个品牌对应一份Markdown文档，详细描述了其字体体系、主色调、组件规范、表面质感、排版逻辑等核心设计要素。

使用CLI工具：只需一条简单的 npx 命令，就能将指定品牌的设计文件安装到本地项目中。

npx getdesign@latest add apple

这个 开源实战 项目托管在 VoltAgent/awesome-design-md 仓库，社区仍在持续添加新的品牌规范。

拥有了这些详细的设计“菜谱”，AI Agent在进行UI创作时，就像厨师拿到了精确的食谱，知道该用什么食材、掌握何种火候、如何进行摆盘。

02 DESIGN.md 怎么用

使用方法非常简单，只需两步。

第一步：选择品牌，安装文件

# 安装苹果风格设计规范
npx getdesign@latest add apple

# 安装Claude风格设计规范
npx getdesign@latest add claude

命令执行后，你的项目根目录下便会生成一个 DESIGN.md 文件。

第二步：告知AI

在你的提示词（prompt）中加上这样一句指令：

「参考项目根目录的 DESIGN.md，按照里面的设计规范来写这个页面的 UI。」

就这样，AI便有了具体、明确的参照物，不再需要凭空猜测。

甚至可以进行风格混搭

你可以同时安装多个品牌的 DESIGN.md 文件，然后指示AI：

「参考 DESIGN.md，采用 Notion 的暖色调，结合 Linear 的极简排版，帮我设计这个组件。」

这相当于为AI Agent提供了58个可自由组合的审美维度，既可单选，也能混搭，产品的风格辨识度立刻就能得到提升。

但这个方法仍有些繁琐，每次都需要Agent手动下载和读取 DESIGN.md 文件。为此，我制作了一个更高效的解决方案。

03 我制作了这个 Skill

我开发了一个名为 brand-design-md 的 Claude Code Skill。

其效果是：当你对 Claude Code 说“用 Stripe 风格帮我做一个登录页”时，它会自动识别品牌名称，调用 npx getdesign@latest add stripe 来拉取最新的设计规范，并依此生成UI代码。

与直接使用 getdesign.md 网站相比，这个Skill的优势在于：

• 无需预先手动下载文件。
• 网站更新后Skill能同步使用最新规范。
• 支持全部62个品牌。
• 能识别中英文品牌名。
• 支持多品牌风格混搭指令。

安装方式也很简单，只需将Skill文件放入 ~/.claude/skills/brand-design-md/ 目录即可。

项目已在GitHub开源：github.com/zephyrwang6/brand-design-md

04 实际测试效果

我以一个虚构的AI写作工具“Lumina”为内容，使用该Skill让 Claude Code 分别按照 Apple、Notion、Claude 三套设计规范生成了完整的落地页。

三版页面的产品名称、功能描述等文案内容完全一致，唯一的变量就是设计风格。

Apple 风格：极致留白 + 电影质感

关键词：Premium white space / SF Pro / Cinematic imagery

适合场景：高端产品页、精品SaaS落地页，以及任何需要传达“高级感”和“价值感”的视觉呈现。

Notion 风格：暖色极简 + 衬线阅读感

关键词：Warm minimalism / Serif headings / Soft surfaces

适合场景：工具类产品、知识库界面，以及所有希望营造“专业但不疏离”氛围的场景。

Claude 风格：赭石强调色 + 编辑排版

关键词：Warm terracotta accent / Clean editorial layout

（这是我最偏爱的一种风格。）

适合场景：AI产品页、知识密集型界面，旨在传递一种“有温度的智识感”。

通过这三个Demo，感受非常直观：同一套内容，三种设计风格，仿佛出自三家完全不同气质的公司之手。这个Skill的核心价值，正是为AI提供了一个明确的审美参照系，让它的输出有据可依，不再随机。

05 最后

getdesign.md 本质上是一份写给AI Agent的审美说明书。

如今，网络上这类“专为AI理解而写”的优质文档越来越多（例如必备的 .cursorrules、claude.md）。再比如那些经典的产品设计思维、名人公开的思考框架，都可以被制作成类似的Skill。

关键在于，当你有特定需求时，完全可以驱动Agent去消化这些开源知识，并为你量身定制一个专属工具。

最初的目标或许只是为了解决自己的效率痛点。但一旦这个工作流跑通，我非常建议大家将其开源分享。

不必担心“好东西被别人学走”，创作者真正的价值在于其“持续创造”的能力。开源不仅是在贡献社区，更是在寻找同频的伙伴。分享得越多，链接到的资源与可能性也就越多。

如果你对如何系统性地利用Skill和AI提升生产力感兴趣，欢迎来云栈社区交流探讨。让我们告别千篇一律的默认风格，用更精准的工具，创造更具辨识度的设计。