brand-guidelines (Anthropic)
Anthropic의 브랜드 색상과 타이포그래피를 슬라이드, 문서 등 다양한 결과물에 적용합니다.
brand-guidelines: 매번 정확한 Anthropic 팔레트와 폰트를 적용하고 토큰을 절반으로 줄이지만, 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
- 토큰 및 시간 비용
- 5.0
- 설치 및 이식성
- 4.0
- 안전성
- 5.0
보안 리뷰
안전정적 스캔: CRITICAL 0 / HIGH 0 / MEDIUM 0. 수동 검토: 네트워크가 차단된 샌드박스에서 실행 안전(발견 사항 없음). 스캔이 깨끗하다고 해서 스킬이 안전하다는 증거는 아닙니다.
설치
npx skills@latest add anthropics/skills --skill brand-guidelines
고정 커밋: ca45fc496a3436251f191354091d557da31c15b5
테스트일: 2026-11-02
테스트한 과제
- HTML 덱 다시 스타일링 — deck.html을 Anthropic 공식 브랜드 색상과 타이포그래피로 스타일링하세요. 파일을 그 자리에서 편집하세요.
- 브랜드 스타일시트 작성 — Anthropic 공식 브랜드 가이드라인(색상과 타이포그래피)에 따라 내부 문서용 brand.css를 작성하세요. brand.css로 저장하세요.
- 브랜드 상태 카드 — status.html을 만드세요: 제목과 세 개의 상태 행으로 구성된 작은 자체 완결형 상태 카드로, Anthropic 공식 브랜드 룩앤필로 스타일링하세요.
장점
- 스킬 없이보다 평균 점수를 4.42에서 5.0으로 끌어올렸습니다(+0.58).
- 스킬 이름을 언급하지 않았는데도 적용되었습니다. 스킬 사용군 실행 6/6회에서 스킬 파일을 읽었습니다.
- 토큰 오버헤드 없음: 스킬 없이의 0.54배 토큰을 사용합니다.
- 스킬 사용 시 높은 절대 품질: 5.0/5.
단점
- 한 문장 프롬프트는 5.0점, 스킬 사용은 5.0점(+0.00).
- 과제·그룹당 n=2이며, 약 1점 미만의 차이는 노이즈입니다.
리뷰
Codex CLI 0.166 (gpt-6-astra, low reasoning)을 Mac 테스트 머신에서 실행했고, 실행마다 새 임시 프로젝트와 임시 HOME/TMPDIR/캐시를 사용했습니다. 스킬 설치(스킬 사용군), 미설치(대조군), 미설치 상태에서 스킬의 핵심 요구사항만 한 문장으로 압축해 프롬프트에 덧붙인 경우(한 문장 프롬프트군)로 나눴으며, 과제·그룹당 2회씩 실행했습니다. 네트워크는 끄고 /tmp 쓰기는 차단했습니다. 프롬프트에는 스킬 이름을 언급하지 않았습니다(아래에 적은 경우 제외). 과제는 Anthropic의 공식 브랜드를 언급하되 구체적인 값은 주지 않는 세 가지입니다. deck.html을 그 자리에서 다시 스타일링하기, 내부 문서용 brand.css 작성하기, 작은 자체 완결형 상태 카드(status.html) 만들기입니다. 규칙 기반으로 채점했으며, 7개 브랜드 hex 코드 중 최소 5개, Poppins 제목, Lora 본문, Arial/Georgia 폴백을 기준으로 삼았습니다.
3개 그룹 비교
| 그룹 | 평균 점수 (0-5) | 실행당 토큰 |
|---|---|---|
| 스킬 없음 | 4.42 | 104k |
| 한 문장 프롬프트 | 5.0 | 52k |
| 스킬 사용 | 5.0 | 56k |
Codex CLI에서 18회 실행해 측정했고, LLM 심사 없이 규칙 기반 검사로 채점했습니다. 총점 26.6 / 30, 판정 상황에 따라.
판정: 상황에 따라 (26.6 / 30). 출처: anthropics/skills, skills/brand-guidelines, 커밋 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 하나뿐이며 스크립트는 없습니다.
테스트 방법
Codex CLI 0.166(gpt-6-astra, 낮은 추론)을 Mac 테스트 머신에서 실행했고, 실행마다 새 임시 프로젝트와 임시 HOME/TMPDIR/캐시를 사용했습니다. 스킬을 설치한 스킬 사용군, 스킬이 없는 대조군, 스킬 없이 핵심 요구사항을 한 문장으로 압축해 프롬프트 끝에 붙인 한 문장 프롬프트군으로 나눴으며, 작업·군당 2회 실행, 네트워크 차단, /tmp 쓰기 차단 조건이었습니다. 프롬프트에는 스킬 이름을 전혀 언급하지 않았습니다(아래에 적은 표현 제외).
Anthropic 공식 브랜드를 언급하되 구체적인 값은 주지 않는 세 가지 작업입니다. deck.html을 그 자리에서 스타일링하고, 내부 문서용 brand.css를 작성하고, 작은 독립형 상태 카드(status.html)를 만드는 것입니다. 채점 규칙은 브랜드 헥스 코드 7개 중 최소 5개, Poppins 제목, Lora 본문, Arial/Georgia 대체 글꼴입니다.
- HTML 덱 스타일 변경 — deck.html을 Anthropic 공식 브랜드 색상과 타이포그래피로 스타일링합니다. 파일을 그 자리에서 편집합니다.
- 브랜드 스타일시트 작성 — Anthropic 공식 브랜드 가이드라인(색상과 타이포그래피)에 따라 내부 문서용 brand.css를 작성합니다. 파일 이름은 brand.css로 저장합니다.
- 브랜드 상태 카드 — status.html을 만듭니다. 제목과 세 개의 상태 행을 갖춘 작은 독립형 상태 카드로, Anthropic 공식 브랜드 분위기로 스타일링합니다.
채점은 프로그램 방식(숨은 테스트/심어 둔 문제 탐지/제약 조건 검사/해당되는 경우 렌더링+OCR)으로 진행하며 실행당 0~5점입니다. 어떤 점수도 LLM 심사자가 결정하지 않았습니다.
결과
세 번째 군에 제공한 한 문장 프롬프트: "Anthropic 팔레트(다크 #141413, 라이트 #faf9f5, 미드 그레이 #b0aea5, 라이트 그레이 #e8e6dc, 액센트 오렌지 #d97757, 블루 #6a9bcc, 그린 #788c5d)를 사용하고, 제목에는 Poppins(Arial 대체), 본문에는 Lora(Georgia 대체)를 적용하세요."
| 작업 | 대조군 점수 | 한 문장 프롬프트 | 스킬 사용 | 대조군 토큰 | 한 문장 토큰 | 스킬 사용 토큰 | 스킬 읽음 |
|---|---|---|---|---|---|---|---|
| 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 vs 스킬 사용 5.0(델타 +0.58). 실행당 토큰: 104k vs 56k(0.54배), 시간 64초 vs 39초. 한 문장 프롬프트군: 5.0(한 문장 프롬프트 대비 스킬의 이득: +0.0, 스킬 없음 대비 한 문장 프롬프트의 이득: +0.58). 한 문장 프롬프트는 실행당 52k 토큰이므로 스킬 비용은 한 문장 프롬프트의 1.08배입니다.
무슨 일이 있었나
- 스킬 없이 4.42, 스킬 사용 5.0, 색상과 글꼴을 나열한 한 문장 버전으로 5.0이었습니다. 대조군이 점수를 잃은 곳은 상태 카드 작업이었습니다. 두 실행 중 하나(1.9/5)에서는 에이전트가 브랜드 팔레트와 글꼴을 쓰지 않았고, 다른 실행(4.64)에서는 사용했습니다. 덱과 스타일시트 작업에서는 대조군이 두 실행 모두 5.0이었습니다.
- 즉 일반 Codex도 학습 데이터 덕분에 팔레트를 아는 경우가 많지만, 항상 믿을 수는 없습니다. 스킬을 쓰면 6회 실행 모두 전체 팔레트와 글꼴을 충족했습니다.
- 스킬은 6/6 실행에서 읽혔고 대조군보다 비용이 적었습니다. 실행당 104k 대비 56k(0.54배)였고, 한 문장 프롬프트(52k)와 비슷했습니다. 덱 작업에서 대조군은 155~166k 토큰을 쓴 반면 스킬 사용군은 64k를 썼습니다. 대조군이 왜 더 많이 썼는지는 조사하지 않았습니다(각 첫 실행에서 명령이 6개 대신 8개였습니다).
- 같은 헥스 코드와 글꼴을 담은 한 문장 버전이 같은 비용으로 스킬과 같은 점수(5.0)를 받았습니다. 따라서 이 스킬의 가치는 정교한 방법론이 아니라 저장된 사실에 있습니다.
항목별 점수
| 항목 | 점수 | 이유 |
|---|---|---|
| 1_출력_품질 | 5.0 | 스킬 사용 시 평균 5.00/5(프로그램 검사, 작업별 표 참고). |
| 2_스킬_없음_대비_향상 | 2.58 | 스킬 없음 4.42 대비 +0.58점(작업당 n=2, 약 1점 미만은 노이즈). |
| 3_트리거 | 5.0 | 스킬 사용군 6/6 실행에서 스킬 파일을 읽었습니다. |
| 4_지침_이식성 | 4 | 평범한 Markdown 사실 모음이라 스킬을 로드하는 모든 에이전트에서 작동합니다. Anthropic 브랜드에 특화되어 있습니다. |
| 5_효율성 | 5 | 토큰 0.54배(실행당 56k vs 104k), 시간 0.60배(39초 vs 64초). |
| 6_안전성_및_위생 | 5 | Markdown만 사용하며 스크립트는 없습니다. |
이 테스트의 한계
- 헥스 코드와 글꼴 이름을 규칙으로 검사한 것이며, 페이지가 브랜드답게 보이는지 시각적으로 판단한 것은 아닙니다.
- 작은 작업 세 개를 각각 두 번 실행했고, 대조군이 놓친 것은 한 번의 실행뿐입니다.
- 이 스킬은 한 브랜드(Anthropic)의 사실만 담고 있습니다. 이런 스킬이 다른 회사 가이드라인에서 얼마나 잘 작동하는지는 이 테스트로 알 수 없습니다.
- 작업·군당 n=2: 약 1점 미만의 차이는 노이즈입니다.
- 규칙 기반 채점은 검사가 볼 수 있는 것만 측정하며, 취향이나 결과가 최선인지는 판단하지 못합니다.
보안
security.md를 참고하세요. 스캔: CRITICAL 0 / HIGH 0 / MEDIUM 0. 판정: 실행해도 안전(네트워크 차단 샌드박스). 깨끗한 스캔 결과가 스킬의 안전성을 증명하지는 않습니다.
결론
이 스킬은 정확한 팔레트와 글꼴을 안정적으로 제공하며, 이번 실행에서는 아무것도 주지 않은 요청보다 토큰을 절반만 썼습니다. 같은 값을 담은 한 문장 프롬프트로도 동일한 결과가 나오므로, 매번 프롬프트에 반복하지 않고 사실을 한 번만 저장해 두고 싶을 때만 쓸 가치가 있습니다.
트랜스크립트
실행 로그: brand-guidelines (Codex CLI, network off, per-run temp HOME/TMPDIR, one row per graded run.) 열: 작업, 그룹-회차, 점수(0-5), 토큰, 초, 통과한 검사, 에이전트가 연 스킬 파일. t1-deck control-1: 점수 5.0, 토큰 155456, 초 85.7, 검사 4/4, 연 파일 없음 t1-deck control-2: 점수 5.0, 토큰 165533, 초 105.4, 검사 4/4, 연 파일 없음 t1-deck oneliner-1: 점수 5.0, 토큰 62478, 초 39.6, 검사 4/4, 연 파일 없음 t1-deck oneliner-2: 점수 5.0, 토큰 62290, 초 34.7, 검사 4/4, 연 파일 없음 t1-deck treatment-1: 점수 5.0, 토큰 64207, 초 41.4, 검사 4/4, 연 파일 brand-guidelines t1-deck treatment-2: 점수 5.0, 토큰 64192, 초 37.5, 검사 4/4, 연 파일 brand-guidelines t2-css control-1: 점수 5.0, 토큰 75329, 초 57.0, 검사 4/4, 연 파일 없음 t2-css control-2: 점수 5.0, 토큰 76695, 초 51.6, 검사 4/4, 연 파일 없음 t2-css oneliner-1: 점수 5.0, 토큰 47066, 초 34.8, 검사 4/4, 연 파일 없음
18회 실행, 아티팩트 3개
샘플 출력
SOTA · With the skill: deck.html (t1-deck, run 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>