前言¶
用 AI 生成演示文稿、文檔或網頁時,配色和字體往往各寫各的:標題一種藍、正文一種灰,換個人改一版又換一套風格。團隊越大,視覺不一致的問題越明顯。設計規範文檔通常躺在 PDF 或 Figma 裏,Agent 不會自動去讀,每次還得人工粘貼色值和字體名。
Anthropic 在官方 Skills 倉庫裏提供了一個叫 brand-guidelines 的示例 Skill:把品牌主色、強調色和字體規則寫進 SKILL.md,Agent 加載後就能在生成各類產出物時按同一套標準排版。對企業團隊來說,這也是自建「內部設計規範 Skill」的可直接參考模板。
這是什麼¶
brand-guidelines 是 Anthropic 維護的 Agent Skill,源碼位於 anthropics/skills 倉庫的 skills/brand-guidelines/ 目錄。Skill 採用通用的 SKILL.md 格式,可在 Cursor、Claude Code、Claude.ai 及 Claude API 等支持 Agent Skills 的工具中使用。
它的定位很清晰:將 Anthropic 官方品牌色與字體規範應用到「任何適合呈現 Anthropic 視覺風格」的產出物上——包括演示文稿、文檔、HTML 頁面等。官方 description 字段寫明,當涉及品牌色、樣式指南、視覺格式化或公司設計標準時,應啓用此 Skill。
該 Skill 目錄結構極簡,僅包含兩個文件:
SKILL.md:品牌規範正文與元數據LICENSE.txt:Apache License 2.0 開源許可
沒有附帶 Python 腳本或資源文件夾;規範本身全部寫在 Markdown 指令裏,由 Agent 讀取後執行。
核心功能與亮點¶
完整的品牌色板¶
Skill 中定義了兩組顏色,均給出十六進制值,便於 Agent 精確引用:
主色(Main Colors):
| 名稱 | 色值 | 用途 |
|---|---|---|
| Dark | #141413 |
主文本、深色背景 |
| Light | #faf9f5 |
淺色背景、深色背景上的文字 |
| Mid Gray | #b0aea5 |
次要元素 |
| Light Gray | #e8e6dc |
弱對比背景 |
強調色(Accent Colors):
| 名稱 | 色值 | 角色 |
|---|---|---|
| Orange | #d97757 |
主強調色 |
| Blue | #6a9bcc |
次強調色 |
| Green | #788c5d |
第三強調色 |
字體與層級規則¶
- 標題:Poppins(不可用則回退 Arial)
- 正文:Lora(不可用則回退 Georgia)
- 24pt 及以上的標題使用 Poppins;正文統一 Lora
- 官方建議預先安裝 Poppins 和 Lora,以獲得最佳渲染效果;未安裝時自動降級到系統字體
智能樣式應用¶
Skill 指令中描述了 Agent 應遵循的三類行爲:
- 智能字體應用:按字號區分標題與正文,並在自定義字體缺失時自動回退。
- 文本樣式:根據背景明暗選擇合適的文字顏色,保留原有層級結構。
- 形狀與強調色:非文本形狀(如圖表塊、裝飾圖形)循環使用橙、藍、綠三種強調色,在統一品牌感的同時避免頁面過於單調。
與文檔生成的銜接¶
Skill 的技術說明部分提到,顏色值通過 python-pptx 的 RGBColor 類應用——這說明它主要面向 Agent 生成 PowerPoint 等 Office 文檔的場景。Anthropic 倉庫中同系列的 pptx、docx 等文檔 Skill 可與 brand-guidelines 組合使用:前者負責文件結構與內容,後者負責視覺規範。
企業級工作流參考價值¶
brand-guidelines 本身不復雜,但模式很有代表性:把設計規範從「人讀的文件」變成「Agent 讀的指令」。團隊可以照此結構,把自家 Logo 用法、色板、字體、間距規則寫進 SKILL.md,讓 AI 在寫對外材料、內部報告、客戶提案時自動對齊品牌,減少反覆校對。
安裝與啓用¶
獲取 Skill 文件¶
從官方倉庫克隆或下載對應目錄:
git clone https://github.com/anthropics/skills.git
cp -r skills/skills/brand-guidelines /path/to/your/skills/brand-guidelines
也可以只下載 skills/brand-guidelines/ 下的 SKILL.md 與 LICENSE.txt 兩個文件,保持目錄名 brand-guidelines 不變。
在 Cursor 中使用¶
Cursor 會在啓動時掃描以下目錄中的 Skill:
| 路徑 | 作用域 |
|---|---|
.cursor/skills/ |
項目級,可提交到 Git 與團隊共享 |
~/.cursor/skills/ |
用戶級,所有項目可用 |
.agents/skills/ |
項目級,跨工具兼容 |
.codex/skills/ |
Codex 兼容目錄 |
將 brand-guidelines 文件夾放入上述任一目錄即可,例如:
mkdir -p .cursor/skills
cp -r /path/to/brand-guidelines .cursor/skills/
重啓 Cursor 或重新打開項目後,Agent 會根據任務描述自動匹配該 Skill;也可在對話中直接提及「使用 brand-guidelines」或 /brand-guidelines(若已註冊爲斜槓命令)顯式調用。
在 Claude Code 中使用¶
Anthropic 官方 README 提供了 Plugin 安裝方式。先註冊 marketplace:
/plugin marketplace add anthropics/skills
然後安裝示例 Skill 集合(brand-guidelines 屬於 Enterprise & Communication 類示例):
/plugin install example-skills@anthropic-agent-skills
安裝完成後,在對話中說明需要按 Anthropic 品牌規範排版即可觸發。
在 Claude.ai 中使用¶
根據 anthropics/skills 倉庫說明,該倉庫中的示例 Skill 已對 Claude.ai 付費計劃用戶開放。也可按 Using skills in Claude 上傳自定義 Skill 文件夾。
通過 Claude API 使用¶
API 用戶可通過 Skills API 上傳或引用預置 Skill。具體端點與權限以 Anthropic 官方文檔爲準。
SKILL.md 元數據格式¶
該 Skill 的 YAML frontmatter 如下(摘自官方源碼):
---
name: brand-guidelines
description: Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
license: Complete terms in LICENSE.txt
---
name 與 description 是 Agent Skills 規範要求的必填字段;Agent 主要依據 description 判斷何時加載此 Skill。
典型用法示例¶
官方 SKILL.md 未給出固定命令行,但結合其描述與 Anthropic 倉庫 README 的用法模式,以下提示詞可直接復現:
生成品牌一致的演示文稿:
請使用 brand-guidelines Skill,按 Anthropic 官方品牌色和字體,
幫我做一份 8 頁的產品介紹 PPT 大綱,並輸出每頁的佈局與配色說明。
標題用 Poppins,正文用 Lora,強調色優先使用 #d97757。
美化已有 HTML 頁面:
加載 brand-guidelines,把下面這段 HTML 的配色和字體改成 Anthropic 品牌規範:
背景 #faf9f5,主文字 #141413,鏈接和按鈕用 #d97757 / #6a9bcc / #788c5d 輪換。
與 pptx Skill 組合(Claude Code 場景):
先用 pptx Skill 生成一份季度彙報幻燈片,
再按 brand-guidelines 裏的色板和字體規則統一調整樣式。
團隊自建規範的起點:
參考 anthropics/skills 的 brand-guidelines 結構,
幫我寫一份 SKILL.md,把我們公司的主色 #1a365d、輔色 #ed8936
和標題字體「思源黑體」寫進去,供 Agent 寫對外文檔時使用。
使用時儘量在提示詞裏點明「品牌色」「視覺規範」「Anthropic 風格」等關鍵詞,便於 Agent 正確匹配 description 中的觸發條件。
適用場景與注意事項¶
適合誰用¶
- 需要頻繁用 AI 生成 PPT、Word、HTML 等對外材料的團隊
- 希望 Agent 輸出與 Anthropic 官方視覺一致的內容創作者或開發者
- 正在規劃「內部品牌 Skill」的企業設計或工程團隊
- 學習 Agent Skills 編寫模式的初學者(結構簡單、易於 fork 改造)
使用限制¶
- 規範範圍有限:Skill 只覆蓋 Anthropic 官方色板與字體,不包含 Logo 文件、圖標庫或完整 VI 手冊;商用 Anthropic 商標仍需遵守其品牌政策。
- 字體依賴環境:Poppins 和 Lora 需用戶環境預裝;否則 Agent 會回退到 Arial / Georgia,視覺效果可能與官方略有差異。
- 演示性質:Anthropic 在倉庫 Disclaimer 中說明,這些 Skill 主要用於演示與教育,生產環境的行爲可能與示例不完全一致,關鍵交付物應人工抽檢。
- 無自動化腳本:目錄內沒有預置 Python 腳本;Agent 需自行調用
python-pptx等工具實現配色,具體效果取決於 Agent 能力與運行環境。 - 跨工具差異:Claude.ai 內置版、Claude Code Plugin 版與 Cursor 本地拷貝版,加載路徑和觸發方式不同,以各平臺官方文檔爲準。
自建品牌 Skill 的實用建議¶
若參考 brand-guidelines 爲團隊編寫內部規範,建議:
- 在
description裏寫清觸發場景(如「對外 PPT」「官網 Banner」「客戶郵件模板」) - 色值統一用 HEX 或 RGB,避免只寫顏色名稱
- 區分「必須使用」與「建議參考」的規則,減少 Agent 過度約束
- 大段規範可拆到
references/子目錄,在SKILL.md中引用,保持主文件精簡
小結¶
brand-guidelines 把 Anthropic 官方品牌色(如主色 #141413 / #faf9f5、強調色 #d97757 等)和字體組合(Poppins + Lora)封裝成 Agent 可執行的 Skill 指令,解決 AI 生成內容時視覺風格漂移的常見問題。它結構輕量、Apache 2.0 開源,既可直接用於 Anthropic 風格產出,也適合作爲企業自建設計規範 Skill 的範本。
官方倉庫地址:https://github.com/anthropics/skills/tree/main/skills/brand-guidelines