把一套品牌色板和字体分工写成 AI 能照着执行的步骤,产出不再每次换一种风格。
多数人让 AI 做页面或幻灯片,第一版通常还行,第二版就变形了:标题字体换了,强调色从橙变成了紫,留白也忽大忽小。原因不是模型能力不够,而是没人把「这套东西到底该长什么样」讲清楚。Brand Guidelines 是 Anthropic 官方 skills 仓库里的一个演示技能,做法很朴素——把 Anthropic 自己的品牌色、字体分工、图形配色规则写成一份 markdown 指令,AI 读到之后按这套规矩产出。它的真正价值不在于「Anthropic 的视觉好看」,而在于示范了一件事:一套品牌规范可以被写成 AI 能读懂、能执行的技能文件。你完全可以把里面的色值和字体换成自己公司的,得到一个私有品牌技能。
| 项目 | 内容 |
|---|---|
| 技能名称 | Brand Guidelines(brand-guidelines) |
| 适用平台 | Claude Code、Claude.ai、Cursor 等支持 Agent Skills 的客户端 |
| 安装方式 | npx skills add anthropics/skills --skill brand-guidelines,或手动复制目录到 ~/.claude/skills/ |
| 仓库或市场地址 | https://github.com/anthropics/skills |
| 包含能力 | 品牌色板、字体分工与回退、深浅背景文字色选择、图形强调色轮转、pptx 精确上色 |
色板写死,不让模型自由发挥
技能里列了四个主色值和三个强调色:深色 #141413、浅色 #faf9f5、中灰 #b0aea5、浅灰 #e8e6dc,强调色是橙 #d97757、蓝 #6a9bcc、绿 #788c5d。这些值不是参考建议,而是硬约束,AI 在做 HTML 页面、报告或幻灯片时直接引用。实际效果是同一个项目里连续生成五个页面,配色不会漂。对要交付给客户的物料来说,这比「看起来更好看」重要得多。
字体按角色分工,还带系统回退
规则要求 24pt 以上的标题用 Poppins,正文用 Lora,两者都写了回退方案:标题回退 Arial,正文回退 Georgia。这个细节很实用——大多数机器上并没有预装 Poppins 和 Lora,如果不写回退,生成出来就是浏览器默认字体,整套规范直接失效。技能会明确提示「想拿到最接近的效果,请先在本机安装这两个字体」,把选择权交给你,而不是假装字体一定存在。
文字色随背景自动切换
浅底用深色字、深底用浅色字,这句话人看着是常识,模型却经常搞错,尤其在深色卡片里继续用深色标题。技能把「基于背景选择文字颜色」写成一条独立规则,并要求保留原有层级:标题、副标题、正文的字号与字重关系不能被压平。做深色仪表盘、夜间模式邮件或深色封面时,这条规则能省掉一轮返工。
图形与强调色轮转,避免整页一个色
非文字元素(分隔线、标签块、图标底色)按橙→蓝→绿的顺序轮转取色,目的是让版面有节奏而不单调。这个规则解决的是 AI 常见毛病:抓到主色就全页刷同一个颜色。轮转顺序固定,因此同一份文档里两次生成的色块位置也是一致的,不会出现「上半页橙、下半页紫」的割裂感。
精确上色,而不是依赖主题近似
处理 PowerPoint 时,技能要求所有颜色通过 python-pptx 的 RGBColor 精确写入。这点差别很明显:依赖主题色的近似匹配,在不同 Office 版本和不同操作系统上渲染经常出现偏差,客户打开就是另一个色。把 RGB 值直接压进形状属性,跨平台一致性才有保证。
使用上手:四步跑通
- 安装技能。最省事的是
npx skills add anthropics/skills --skill brand-guidelines,兼容 Claude Code、Cursor 等主流客户端。手动方式:git clone https://github.com/anthropics/skills.git,把skills/brand-guidelines复制到项目的.claude/skills/(随项目走)或~/.claude/skills/(全局可用)。 - 装字体(可选但建议)。本机装上 Poppins 与 Lora,输出会明显更接近规范;不装也能用,只是会回退到 Arial 与 Georgia,观感差异较大。
- 提任务时明确「应用品牌规范」。例如「做一个产品介绍页,按 brand-guidelines 的配色和字体来」,让技能被正确触发,而不是只当成一句闲聊。
- 检查三处:主色值是否落在 #141413 系、标题是否用了 Poppins、深色区块里的文字是否已转浅色。这三项对上,基本就达标了。
优点与不足
优点方面:规则具体到 hex 值和字号阈值,几乎没有解释空间,这在技能写作里是优点;Apache-2.0 许可,可以直接改成自己公司的版本;覆盖 HTML、文档、pptx 三类常见产出,不局限一种格式。
不足也要说清楚:它只提供颜色、字体、强调色规则,不负责排版结构、栅格间距、Logo 使用规范,更不涉及商标授权——想让产出「像官方物料」,光靠这个技能不够。另外它是演示用途,Anthropic 在仓库里明确写了技能描述与实际行为可能有差异。最后,它默认是 Anthropic 的品牌,直接拿去给客户做交付会产生误导,必须先替换色值与字体。
适合谁
- 需要批量产出统一视觉物料的人:同时维护落地页、周报、销售 PPT,最怕风格散。
- 想学技能怎么写的人:这是把「设计规范」翻译成「可执行指令」的样本,结构清晰,改起来容易。
- 团队里没有专职设计师的小团队:先把品牌色和字体固化成技能,再让 AI 按规矩出活,比每次口头描述省事。
下载与访问
- 仓库地址:https://github.com/anthropics/skills
- 技能目录:https://github.com/anthropics/skills/tree/main/skills/brand-guidelines
- 技能安装索引:https://skills.sh
获取与授权
| 方案 | 价格 | 说明 |
|---|---|---|
| 源码获取 | 免费 | GitHub 公开仓库,Apache-2.0 |
| 商用 | 允许 | Apache-2.0 允许商用与二次修改,保留版权与许可声明 |
| 客户端使用 | 视客户端 | Claude Code 等客户端按各自订阅计费,技能本身不额外收费 |
| 定制改造 | 免费 | 复制后替换自有品牌色值与字体即可,建议改名避免与官方混淆 |
本文属于「技能」分类的 AI 资源专栏,更多评测见分类页。
评论 0
还没有评论,来说两句吧。