모든 스킬

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.42104k
한 문장 프롬프트5.052k
스킬 사용5.056k

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 대체 글꼴입니다.

  1. HTML 덱 스타일 변경 — deck.html을 Anthropic 공식 브랜드 색상과 타이포그래피로 스타일링합니다. 파일을 그 자리에서 편집합니다.
  2. 브랜드 스타일시트 작성 — Anthropic 공식 브랜드 가이드라인(색상과 타이포그래피)에 따라 내부 문서용 brand.css를 작성합니다. 파일 이름은 brand.css로 저장합니다.
  3. 브랜드 상태 카드 — status.html을 만듭니다. 제목과 세 개의 상태 행을 갖춘 작은 독립형 상태 카드로, Anthropic 공식 브랜드 분위기로 스타일링합니다.

채점은 프로그램 방식(숨은 테스트/심어 둔 문제 탐지/제약 조건 검사/해당되는 경우 렌더링+OCR)으로 진행하며 실행당 0~5점입니다. 어떤 점수도 LLM 심사자가 결정하지 않았습니다.

결과

세 번째 군에 제공한 한 문장 프롬프트: "Anthropic 팔레트(다크 #141413, 라이트 #faf9f5, 미드 그레이 #b0aea5, 라이트 그레이 #e8e6dc, 액센트 오렌지 #d97757, 블루 #6a9bcc, 그린 #788c5d)를 사용하고, 제목에는 Poppins(Arial 대체), 본문에는 Lora(Georgia 대체)를 적용하세요."

작업대조군 점수한 문장 프롬프트스킬 사용대조군 토큰한 문장 토큰스킬 사용 토큰스킬 읽음
t1-deck5.05.05.0160k62k64k2/2
t2-css5.05.05.076k47k56k2/2
t3-card3.275.05.075k47k47k2/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_안전성_및_위생5Markdown만 사용하며 스크립트는 없습니다.

이 테스트의 한계

  • 헥스 코드와 글꼴 이름을 규칙으로 검사한 것이며, 페이지가 브랜드답게 보이는지 시각적으로 판단한 것은 아닙니다.
  • 작은 작업 세 개를 각각 두 번 실행했고, 대조군이 놓친 것은 한 번의 실행뿐입니다.
  • 이 스킬은 한 브랜드(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>

Pro 보기