brand-guidelines:讓 AI Agent 自動套用 Anthropic 官方品牌規範

前言

用 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 應遵循的三類行爲:

  1. 智能字體應用:按字號區分標題與正文,並在自定義字體缺失時自動回退。
  2. 文本樣式:根據背景明暗選擇合適的文字顏色,保留原有層級結構。
  3. 形狀與強調色:非文本形狀(如圖表塊、裝飾圖形)循環使用橙、藍、綠三種強調色,在統一品牌感的同時避免頁面過於單調。

與文檔生成的銜接

Skill 的技術說明部分提到,顏色值通過 python-pptxRGBColor 類應用——這說明它主要面向 Agent 生成 PowerPoint 等 Office 文檔的場景。Anthropic 倉庫中同系列的 pptxdocx 等文檔 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.mdLICENSE.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
---

namedescription 是 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 改造)

使用限制

  1. 規範範圍有限:Skill 只覆蓋 Anthropic 官方色板與字體,不包含 Logo 文件、圖標庫或完整 VI 手冊;商用 Anthropic 商標仍需遵守其品牌政策。
  2. 字體依賴環境:Poppins 和 Lora 需用戶環境預裝;否則 Agent 會回退到 Arial / Georgia,視覺效果可能與官方略有差異。
  3. 演示性質:Anthropic 在倉庫 Disclaimer 中說明,這些 Skill 主要用於演示與教育,生產環境的行爲可能與示例不完全一致,關鍵交付物應人工抽檢。
  4. 無自動化腳本:目錄內沒有預置 Python 腳本;Agent 需自行調用 python-pptx 等工具實現配色,具體效果取決於 Agent 能力與運行環境。
  5. 跨工具差異: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

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜