风格 ↓ ＼场景 →	网页 / Landing	长文报告 / 白皮书	幻灯片 / PPT	海报 / 单页	邮件 / Newsletter	简历 / 作品集	数据看板	技术文档
编辑 / 出版风	`editorialwiredthe-verge`	`editorial`	theme-factory + canvas-design	canvas-design + `editorial`	email-marketing-bible	`editorial` + Tufte CSS	—	`publication`
奢侈 / 时尚风	`ferrariappleluxury`	`luxury`	mckinsey 暗色变体	canvas-design	—	`luxury` + canvas-design	—	—
咨询 / 商务风	`corporateenterprise`	mckinsey-style-viz	mckinsey-style-viz	mckinsey-style-viz	—	`corporate` + resume-kit	mckinsey-style-viz	`enterprise`
科技 / VC 风	`stripelinearvercel`	`stripe`	theme-factory	canvas-design + `vercel`	`resend`	`linear`	`sentryposthog`	`mintlify`
极简风	`minimalapplevercel`	`minimal`	theme-factory	canvas-design	`minimal`	`minimal` + resume-kit	`minimal`	`minimalmono`
复古 / 怀旧风	`retrovintagepaper`	`vintage`	theme-factory	canvas-design + `retro`	`vintage`	`vintage`	—	—
手绘 / 插画风	`doodlefriendlynotion`	`doodle`	theme-factory	canvas-design	`friendly`	`doodle`	—	—
数据 / 图表风	`mono`	mckinsey-style-viz	mckinsey-style-viz	mckinsey-style-viz	—	—	mckinsey + `sentry`	mckinsey-style-viz
新闻 / 长读物风	`the-vergewiredstorytelling`	`wired`	—	canvas-design + `wired`	email-marketing-bible	`storytelling`	—	`publication`
大胆 / 实验风	`brutalismglassmorphismneon`	`brutalism`	theme-factory	canvas-design + algorithmic-art	`bold`	`brutalism`	`neon`	—
DTC / 新消费风	`airbnbnikestarbucks`	—	theme-factory	canvas-design	email-marketing-bible	`creative`	`shopify`	—
Apple / iOS 原生	SwiftUI-Agent-Skill + apple-skills	—	—	—	—	—	—	—
中文社交 / 小红书	Auto-Redbook + xiaohongshu-skills	—	—	Auto-Redbook-Skills	—	—	—	—
东方 / 政府风	日式杂志、中式留白、政府机构等方向暂无成熟 Skill —— 见下一节"生态空白"

机会所在

还没人做、但值得做的方向

以下经典风格目前没有成熟 Skill。但它们大多有公开的设计系统或风格档案，可以拿来改造。对想做差异化的人来说，这一节就是切入点。

奢侈品⚠ 空白

Hermès / Chanel / Dior / Aesop

奢侈时装品牌方对视觉维权激进，公开素材少。可改造路径：借 ferrari、lamborghini、apple 三个的 token 风格，做一套"克制的黑白编辑风"。

借现有汽车品牌模板

日式杂志⚠ 空白

Brutus / POPEYE / &Premium

日式杂志没有公开设计系统。可参考 Pentagram 的出版物项目档案、IDEA Magazine 的视觉资料，自建一套排版规范。

Pentagram + IDEA

数据风⚠ 空白

Tufte 极简数据风

最容易补的一个——Tufte CSS 本身就是公开的成熟 CSS 库，几乎可以直接打包成 Skill。强烈建议优先做这个。

edwardtufte.github.io

数据风⚠ 空白

FT 金融报刊数据风

金融时报已公开 Visual Vocabulary，完整给出图表分类和示例代码。是金融数据风最现成的改造素材。

github.com/Financial-Times

政府机构⚠ 空白

UK Gov / USWDS 政府设计系统

英美两国政府都公开了完整设计系统，含组件、token、可访问性规范。做政务或合规向产品，这是最佳改造源。

design-system.service.gov.uk

大厂系统⚠ 空白

Material 3 / IBM Carbon / NHS

几个大厂和机构的完整设计系统都已公开，token 齐全。想做 Android、企业级、医疗向的 Skill，直接照着打包即可。

m3.material.io 等

改造方法 · 一句话

把上面这些公开设计系统的配色、字体、间距、组件示例整理成一个 DESIGN.md，再配一个三五十行的 SKILL.md（写清触发词和工作流），就是一个能用的私有 Skill。下一节讲怎么写好这两个文件。

写给 Skill 作者

如果你打算自己写一个设计 Skill

这一节面向想动手做 Skill 的人。如果你只是想用现成的，可以跳过。以下是从 70 多个案例里提炼出的写法规范。

01 · 文件结构

一个设计 Skill 该有哪些文件

skill-name/
├── SKILL.md          # 入口：元数据 + 触发条件 + 工作流
├── DESIGN.md         # 设计语言：配色 / 字体 / 间距 / 组件
├── references/       # 详细规范，Claude 按需才读
│   ├── tokens.css    # 颜色变量，hex 值要原样写死
│   ├── components.md # 各组件的状态规范
│   ├── do-donts.md   # 反"AI 味"黑名单
│   └── examples/     # 真实截图或代码样例
└── scripts/          # 渲染、质检等确定性脚本

核心思路是分层：把示例放 examples/（让 Claude 看到"好长什么样"），把规则放 references/，把确定性工具放 scripts/。这样主文件能保持精简。

02 · 触发描述

Description 写不好，Skill 就不会被触发

SKILL.md 开头那段 description 决定了 Claude 什么时候会想起这个 Skill。三条铁律：

写进触发词——把用户最可能的五到十种口语说法直接列进去，比如"像 Chanel""奢侈编辑风""黑白海报"。
别写太泛——"designs websites" 这种会和其他 Skill 抢匹配，等于没写。
说明什么时候别用——加一句"不适用于活泼可爱的品牌，那种请用 ___"，反而能提高匹配精度。

03 · Token 系统

给机器看的，要具体到能直接用

颜色——直接给 hex，不要写"深海军蓝"这种描述；要写 #0a1f44，并配上语义命名。
字体——给一个正版字体名加一个网络字体兜底，同时拉黑被用滥的字体。
间距——用 4 或 8 的倍数做一套数列（4 / 8 / 12 / 16 / 24 / 32…）。
阴影——给出 CSS 公式，而不是"柔和的大阴影"这种无效描述。

04 · 进阶

几条让 Skill 真正好用的经验

渐进式披露——主文件控制在精简范围，详细规则放 references，Claude 用到才读，省 token。
视觉质检——参考官方 pptx 的做法，把产出转成图片，再让另一个 Claude 实例检查重叠、对齐、对比度。
反"AI 味"黑名单——明确拉黑 Inter、Roboto、紫色渐变白底、标题下划线这类套路。
事实核查前置——做品牌任务前先联网核对最新 logo 和产品截图，能省下大量返工。
模糊时给方向——brief 不清楚时，让 Skill 主动给三个差异化方案，而不是硬猜。

附录

关于这份指南

数据时点: 所有 star 数、安装量为 2026 年 5 月 的快照。这个领域增长极快——例如 awesome-design-md 上线 10 天即破 35k star——请安装前以仓库实时数据为准。
来源说明: 资料综合自 Anthropic 官方、VoltAgent、GitHub 及社区。安装量等指标引用自第三方聚合站，Anthropic 官方尚未公布权威统计。
版权提示: 品牌设计语言库属于"基于公开网页观察的再整理"，仓库本身建议当作灵感参考而非 1:1 复制。商用前请自行核查商标与版权边界——这也是为什么这类库里奢侈品方向多为汽车品牌，时装品牌方维权更激进。
开源协议: 官方的 pptx、docx、xlsx、pdf 为 source-available（可读不可商业 fork）；其余官方设计 Skill 为 Apache 2.0。社区 Skill 协议各异，请逐个确认。
评分立场: star 数不是设计 Skill 好坏的唯一标准。本指南里部分高质量但 star 较少的库（如 awesome-design-skills）同样被推荐，依据是文档完整度与规范严谨度。
产品变动: Agent Skills 开放标准（2025 年 12 月发布）已稳定；但围绕它的部分产品功能仍在快速迭代，具体名称和路径可能变化。