brand-guidelines (Anthropic)
將 Anthropic 的品牌配色與字型套用到簡報、文件等各種成品。
brand-guidelines：每次都能給出正確的 Anthropic 調色盤與字型，還把 Token 減半，但一句話附上 hex 色碼也能達到同樣效果
Codex CLI · gpt-6-astra
26.6 / 30
相對未使用技能的提升：+0.58 · 視情況推薦 · 18 次執行
視情況推薦：提升幅度 +0.58 低於 +1.0。推薦條件為總分至少 22/30、產出品質至少 3.5、提升幅度至少 +1.0。
SOTA
透過使用 Codex 測試。
涵蓋 Codex, Claude Code
Codex CLI 0.166（SOTA 等級）：18 次評分執行。依我們的等級規則，在這裡通過也涵蓋 Claude Code；但這不代表第二等級的結果。
分數
每個維度為 0 到 5 分，六個維度相加即為滿分 30 的總分。每個維度都是 5 分最好。成本 5 分代表便宜又快速；安裝 5 分代表容易安裝。
- 觸發可靠性
- 5.0
- 相對未使用技能的提升
- 2.6
- 產出品質
- 5.0
- Token 與時間成本
- 5.0
- 安裝與可攜性
- 4.0
- 安全性
- 5.0
安全審查
安全靜態掃描：0 CRITICAL / 0 HIGH / 0 MEDIUM。人工審查：可在無網路沙箱中安全執行（未發現問題）。掃描結果乾淨，不代表技能一定安全。
安裝
npx skills@latest add anthropics/skills --skill brand-guidelines
固定 Commit: ca45fc496a3436251f191354091d557da31c15b5
測試日期: 2026-11-02
我們測了什麼
- 重新設計 HTML 簡報 — 用 Anthropic 的官方品牌顏色與字型排版來設計 deck.html。直接就地編輯檔案。
- 撰寫品牌樣式表 — 依 Anthropic 的官方品牌規範（顏色與字型排版），為我們的內部文件撰寫 brand.css。存成 brand.css。
- 品牌狀態卡 — 建立 status.html：一個小型自包含的狀態卡片（標題、三列狀態），套用 Anthropic 官方品牌的風格與質感。
優點
- 相對未使用技能，平均分數從 4.42 提升到 5.0（+0.58）。
- 技能即使未被點名也會被採用：6/6 次實驗組執行都讀取了技能檔案。
- 沒有 Token 額外負擔：Token 用量是未使用技能的 0.54 倍。
- 使用技能後的絕對品質很高：5.0 / 5。
缺點
- 一句話提示得分 5.0，使用技能則為 5.0（+0.00）。
- 每個任務的每個組別 n=2；約 1 分以內的差異屬於雜訊。
評測
Codex CLI 0.166（gpt-6-astra，低推理）在 Mac 測試機上執行，每次執行都使用全新的暫存專案與暫存 HOME/TMPDIR/快取；技能已安裝（實驗組）、未安裝（對照組），或未安裝但把技能的核心要求壓縮成一句話附加到提示詞（一句話提示組）。每個任務的每個組別執行 2 次，關閉網路，封鎖 /tmp 寫入。提示詞從未提及技能（除下方註明的措辭外）。三個任務都只點名 Anthropic 的官方品牌，不提供任何色值：就地重新設計 deck.html、為內部文件撰寫 brand.css，以及建立一個小型自包含的狀態卡片（status.html）。以規則評分：7 個品牌 hex 色碼至少要有 5 個、標題使用 Poppins、內文使用 Lora、備援字型為 Arial/Georgia。
三組對照
| 組別 | 平均分數（0-5） | 每次執行 Token 用量 |
|---|---|---|
| 未使用技能 | 4.42 | 104k |
| 一句話提示 | 5.0 | 52k |
| 使用技能 | 5.0 | 56k |
以 Codex CLI 執行 18 次，採規則式檢查評分，不經 LLM 評審。總分 26.6 / 30，評級為 視情況推薦。
評定：視情況（26.6 / 30）。 來源：anthropics/skills，skills/brand-guidelines，固定於 commit ca45fc4。安裝：npx skills@latest add anthropics/skills --skill brand-guidelines。授權： Apache-2.0 / Anthropic 條款（詳見技能中的 LICENSE.txt）。
這是什麼
anthropics/skills 的 brand-guidelines 技能：Anthropic 官方品牌色（深色 #141413、淺色 #faf9f5、中灰 #b0aea5、淺灰 #e8e6dc；強調橘 #d97757、藍 #6a9bcc、綠 #788c5d）與字體排版（標題用 Poppins，後備 Arial；內文用 Lora，後備 Georgia），以及如何套用。只有一份約 330 字的 SKILL.md，沒有腳本。
我們如何測試
在 Mac 測試機上使用 Codex CLI 0.166（gpt-6-astra、低推理），每次執行都使用全新的臨時專案與臨時 HOME/TMPDIR/快取，安裝技能（使用技能組）、不安裝（對照組），或是不安裝但把技能核心要求濃縮成一句話附加在提示詞後（一句話組）；每個任務的每組各執行 2 次，關閉網路、封鎖 /tmp 寫入。提示詞完全沒有提到技能名稱（下述措辭除外）。
三個任務都指名 Anthropic 官方品牌，但不提供任何數值：就地重新設計 deck.html、為內部文件撰寫 brand.css，以及製作一張小型、可獨立運作的狀態卡（status.html）。以規則評分：7 個品牌十六進位色碼至少命中 5 個、標題使用 Poppins、內文使用 Lora、具備 Arial/Georgia 後備。
- 重新設計 HTML 簡報 — 以 Anthropic 官方品牌色彩與字體排版設計 deck.html。直接就地編輯檔案。
- 撰寫品牌樣式表 — 依 Anthropic 官方品牌指南（色彩與字體排版），為我們的內部文件撰寫 brand.css。存成 brand.css。
- 品牌狀態卡 — 建立 status.html：一張小型、可獨立運作的狀態卡（標題、三列狀態），採用 Anthropic 官方品牌的風格與質感。
評分採程式化方式（隱藏測試／植入問題召回／限制條件檢查／視情況搭配渲染＋OCR），每次執行 0–5 分。所有分數都不是由 LLM 評審決定。
結果
給第三組的一句話提示："使用 Anthropic 的色盤（深色 #141413、淺色 #faf9f5、中灰 #b0aea5、淺灰 #e8e6dc；強調橘 #d97757、藍 #6a9bcc、綠 #788c5d），標題用 Poppins（後備 Arial）、內文用 Lora（後備 Georgia）。"
| 任務 | 對照組分數 | 一句話提示 | 使用技能 | 對照組 token | 一句話組 token | 使用技能 token | 技能讀取 |
|---|---|---|---|---|---|---|---|
| t1-deck | 5.0 | 5.0 | 5.0 | 160k | 62k | 64k | 2/2 |
| t2-css | 5.0 | 5.0 | 5.0 | 76k | 47k | 56k | 2/2 |
| t3-card | 3.27 | 5.0 | 5.0 | 75k | 47k | 47k | 2/2 |
平均分數：未使用技能 4.42，使用技能 5.0（差異 +0.58）。每次執行 token：104k 對 56k（0.54x）；時間 64 秒對 39 秒。一句話組：5.0（技能相對一句話提示的增益：+0.0；一句話提示相對未使用技能的增益：+0.58）；一句話組每次執行 52k token，因此技能成本是一句話提示的 1.08 倍。
實際情況
- 未使用技能時平均 4.42，使用技能 5.0，而列出顏色與字體的一句話版本也是 5.0。對照組的失分來自狀態卡任務：兩次執行中，有一次（1.9/5）agent 沒有採用品牌色盤與字體，另一次有（4.64）；簡報與樣式表任務的對照組兩次都是 5.0。
- 所以一般 Codex 常能從訓練資料知道色盤，但並不穩定；使用技能後，6 次執行全都命中完整色盤與字體。
- 技能在 6/6 次執行中都被讀取，而且比對照組更省：每次執行 56k token，對照組 104k（0.54x），與一句話提示（52k）差不多。簡報任務中，對照組用了 155–166k token，使用技能則是 64k；我們沒有進一步追查對照組為何花更多（各組第一次執行時，對照組下了 8 個指令，使用技能組下了 6 個）。
- 一句話版本含有相同的十六進位色碼與字體，分數與技能相同（5.0），成本也相同，因此技能的價值在於把這些事實存起來，而不是什麼複雜的方法。
面向分數
| 面向 | 分數 | 原因 |
|---|---|---|
| 1_output_quality | 5.0 | 使用技能時平均 5.00/5（程式化檢查，見各任務表）。 |
| 2_lift_vs_no_skill | 2.58 | 相對未使用技能的 4.42 提升 +0.58 分（每個任務 n=2；約 1 分以下屬雜訊）。 |
| 3_trigger | 5.0 | 使用技能組 6/6 次執行都讀取技能檔案。 |
| 4_instructions_portability | 4 | 純 Markdown 事實；任何會載入技能的 agent 都能使用。內容專門針對 Anthropic 品牌。 |
| 5_efficiency | 5 | token 0.54x（每次執行 56k 對 104k）、時間 0.60x（39 秒對 64 秒）。 |
| 6_safety_hygiene | 5 | 只有 Markdown，沒有腳本。 |
這項測試的限制
- 只以規則檢查十六進位色碼與字體名稱，並非對頁面品牌感的視覺判斷。
- 三個小任務、每個執行兩次；對照組的失分只出現在單次執行。
- 技能只有單一品牌（Anthropic）的事實；這項測試無法說明這類技能用在其他公司品牌指南時的效果。
- 每組每任務 n = 2：約 1 分以下的差異屬雜訊。
- 規則式評分只能衡量檢查項目看得到的部分，無法判斷品味，也無法判斷結果是否為最佳。
安全性
請見 security.md。掃描：CRITICAL 0 / HIGH 0 / MEDIUM 0。評定：可安全執行（無網路沙盒）。掃描乾淨並不代表技能安全。
總結
這項技能能穩定提供精確的色盤與字體，而且在這些執行中，token 成本只有單純請求的一半。若用一句話提示提供相同數值，效果也一樣，因此只有在你想把這些事實存一次、不必每次提示都重複時，才值得使用這項技能。
完整紀錄
執行日誌：brand-guidelines (Codex CLI, network off, per-run temp HOME/TMPDIR, one row per graded run.) 欄位：任務、組-輪次、得分（0-5）、token、秒、通過的檢查、代理開啟的 skill 檔案。 t1-deck control-1: 得分 5.0, token 155456, 秒 85.7, 檢查 4/4, 未開啟 t1-deck control-2: 得分 5.0, token 165533, 秒 105.4, 檢查 4/4, 未開啟 t1-deck oneliner-1: 得分 5.0, token 62478, 秒 39.6, 檢查 4/4, 未開啟 t1-deck oneliner-2: 得分 5.0, token 62290, 秒 34.7, 檢查 4/4, 未開啟 t1-deck treatment-1: 得分 5.0, token 64207, 秒 41.4, 檢查 4/4, 開啟 brand-guidelines t1-deck treatment-2: 得分 5.0, token 64192, 秒 37.5, 檢查 4/4, 開啟 brand-guidelines t2-css control-1: 得分 5.0, token 75329, 秒 57.0, 檢查 4/4, 未開啟 t2-css control-2: 得分 5.0, token 76695, 秒 51.6, 檢查 4/4, 未開啟 t2-css oneliner-1: 得分 5.0, token 47066, 秒 34.8, 檢查 4/4, 未開啟
18 次執行、3 個產出檔案
範例產出
SOTA · 装了 skill：deck.html（t1-deck，第 1 次，Codex）
<!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Q3 Update</title> <style> :root { color-scheme: light; --dark: #141413; --light: #faf9f5; --mid-gray: #b0aea5; --light-gray: #e8e6dc; --orange: #d97757; --blue: #6a9bcc; --green: #788c5d; } * { box-sizing: border-box; } body { margin: 0; padding: clamp(16px, 4vw, 56px); background: var(--light-gray); color: var(--dark); font-family: 'Lora', Georgia, serif; font-size: clamp(18px, 2vw, 24px); line-height: 1.6; } section { max-width: 1120px; min-height: 560px; margin: 0 auto 32px; padding: clamp(28px, 6vw, 80px); background: var(--light); border-top: 8px solid var(--orange); } section:first-child { display: flex; flex-direction: column; justify-content: center; background: var(--dark); color: var(--light); } section:nth-child(2) { border-color: var(--blue); } section:nth-child(3) { border-color: var(--green); } section:last-child { margin-bottom: 0; } h1, h2 { margin: 0 0 24px; font-family: 'Poppins', Arial, sans-serif; font-weight: 600; line-height: 1.15; letter-spacing: -0.035em; } h1 { font-size: clamp(48px, 7vw, 88px); } h2 { font-size: clamp(32px, 4.5vw, 52px); } p { margin: 0 0 28px; max-width: 48ch; } section:first-child p { color: var(--mid-gray); margin-bottom: 0; } ul { padding-left: 1.3em; margin: 32px 0 0; } li { padding-left: 0.4em; margin-bottom: 20px; } li::marker { color: var(--orange); } li:nth-child(2)::marker { color: var(--blue); } li:nth-child(3)::marker { color: var(--green); } table { width: 100%; border-collapse: collapse; margin-top: 32px; } th, td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--mid-gray); } th { background: var(--light-gray); font-family: 'Poppins', Arial, sans-serif; font-weight: 600; } th:last-child, td:last-child { text-align: right; font-variant-numeric: tabular-nums; } @media (max-width: 600px) { section { min-height: 440px; } th, td { padding: 12px; } } @media print { @page { size: landscape; margin: 12mm; } body { padding: 0; background: var(--light); } section { max-width: none; min-height: 0; margin: 0; break-after: page; break-inside: avoid; } section:last-child { break-after: auto; } * { print-color-adjust: exact; -webkit-print-color-adjust: exact; } } </style> </head> <body> <section><h1>Q3 Update</h1><p>Prepared for the leadership team</p></section> <section><h2>Highlights</h2><ul><li>Revenue up 12%</li><li>Two launches shipped</li><li>Support backlog cleared</li></ul></section> <section><h2>Next quarter</h2><p>Focus: reliability, onboarding, pricing review.</p><table><tr><th scope="col">Metric</th><th scope="col">Q3</th></tr><tr><td>Revenue</td><td>$1.2M</td></tr><tr><td>Churn</td><td>2.1%</td></tr></table></section> </body></html>