사용 가이드로 건너뛰기
brand-guidelines작성자 Anthropic

Brand Guidelines 스킬.

Claude Code 및 Codex용 브랜드 및 디자인 시스템 작업 스킬: Anthropic의 공식 브랜드 색상 및 타이포그래피를 모든 산출물에 적용합니다. Anthropic 브랜드 전용.

  • Brand & Design Systems
anthropics/skills · skills/brand-guidelines/SKILL.mdSKILL.md
--- 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. --- ## Brand Guidelines ## Features ## Technical Details
2026-09-14에 업스트림 파일에서 읽은 앞부분 및 섹션 제목 · 전체 2,235자

01 기능

brand-guidelines 스킬이 Claude Code와 Codex에서 하는 일

요약, 워크플로, 산출물을 모두 해당 스킬의 SKILL.md에서 그대로 읽어 정리한 내용입니다.

SKILL.md에서2026-09-14 읽음 · 실행 기록 아님

스킬 자체의 표현으로

이 스킬은 특정 색상 팔레트와 타이포그래피 시스템을 적용하여 산출물에 Anthropic의 공식 브랜드 아이덴티티를 반영합니다. Anthropic의 메인 컬러(Dark #141413, Light #faf9f5, Mid Gray #b0aea5, Light Gray #e8e6dc)와 강조 컬러(Orange #d97757, Blue #6a9bcc, Green #788c5d)를 사용합니다.

타이포그래피는 두 가지 폰트 시스템을 따릅니다: 24pt 이상의 제목에는 Poppins, 본문 텍스트에는 Lora를 사용하며, Arial과 Georgia를 대체 폰트로 사용합니다. 이 스킬은 텍스트가 아닌 도형에는 강조 컬러를 순환 적용하고, 배경 대비를 기준으로 텍스트 색상을 선택합니다. 시스템에 설치된 폰트와 함께 작동하며 자동 대체 기능을 제공하여, 폰트 설치 없이도 브랜드 충실도를 유지합니다.

예시 프롬프트 보기 ↗

작동 방식

  1. 01
    큰 텍스트에 제목 폰트 적용

    이 스킬은 24pt 이상의 텍스트를 식별하여 Poppins 폰트를 적용하며, Poppins를 사용할 수 없는 경우 Arial로 대체합니다.

  2. 02
    표준 텍스트에 본문 폰트 적용

    본문 텍스트에는 Lora 폰트가 적용되며, 시스템 간 가독성을 유지하기 위해 Georgia를 대체 폰트로 사용합니다.

  3. 03
    배경에 따른 텍스트 색상 선택

    이 스킬은 가독성을 유지하기 위해 배경 색상을 기준으로 브랜드 팔레트에서 적절한 텍스트 색상을 선택합니다.

  4. 04
    도형에 강조 컬러 순환 적용

    텍스트가 아닌 도형에는 주황색, 파란색, 녹색이 순환하는 강조 컬러가 적용되어 시각적 흥미를 유지합니다.

  5. 05
    RGB를 통한 정확한 색상 매칭

    브랜드 컬러는 python-pptx의 RGBColor 클래스를 통해 RGB 값으로 적용되어 정확한 색상 충실도를 보장합니다.

02 적합성 확인

brand-guidelines 스킬 사용 시점

이러한 종류의 브랜드 및 디자인 시스템 작업의 경우 Claude Code 또는 Codex에서 brand-guidelines 스킬을 사용하십시오. 아래의 적합성 및 제한 사항은 스킬 자체 파일에서 가져온 것입니다.

적합한 경우

  • Anthropic의 시각적 아이덴티티 적용이 필요한 산출물
  • 브랜드 컬러나 스타일 가이드라인이 필요한 작업
  • 기업 아이덴티티 또는 시각적 포맷이 필요한 문서

한계 인지하기

  • Poppins 및 Lora 폰트가 사전 설치되지 않은 환경에서는 최적의 브랜드 표현 대신 대체 폰트가 표시됩니다

03 스킬 내부

brand-guidelines 스킬이 Claude Code와 Codex에 부여하는 규칙

SKILL.md가 에이전트에 설정하는 5가지 구체적 지침, 기본값, 한계 — 결과를 바꾸는 파일의 부분입니다.

  1. 제목 폰트 적용 기준 24pt

    텍스트가 24pt 이상이어야 Poppins 폰트가 적용됩니다. 그보다 작은 텍스트에는 Lora 본문 폰트가 적용됩니다.

  2. 필수 대체 폰트

    커스텀 폰트를 사용할 수 없을 때는 제목에 Arial, 본문에 Georgia를 대체 폰트로 사용해야 합니다.

  3. 모든 색상의 정확한 Hex 값

    메인 색상은 Dark #141413, Light #faf9f5, Mid Gray #b0aea5, Light Gray #e8e6dc입니다. 강조 색상은 Orange #d97757, Blue #6a9bcc, Green #788c5d입니다.

  4. 텍스트 계층 구조 유지

    이 스킬은 브랜드 폰트와 색상을 적용하면서도 기존 텍스트 계층 구조와 포맷을 유지해야 합니다.

  5. 폰트 설치 불필요

    이 스킬은 기존 시스템 폰트로 작동하며 폰트 설치를 요구하거나 수행하지 않지만, 사전 설치된 폰트를 사용할 경우 최상의 결과를 얻을 수 있습니다.

04 활용하기

Claude Code 또는 Codex에 brand-guidelines 설치

npx skills add 명령 한 번 실행 후, 에이전트에서 첫 번째 작업을 수행하고 결과 체크리스트를 확인합니다.

Claude Code, Codex 또는 귀하의 에이전트에 brand-guidelines 추가

프로젝트에서 실행합니다. 설치 프로그램이 어떤 에이전트에 추가할지 묻습니다.

Terminal
npx skills add https://github.com/anthropics/skills --skill brand-guidelines

skills/brand-guidelines/SKILL.md에 대한 일반적인 skills CLI 형식이며, 저장소에서 자체 경로를 문서화할 수 있습니다.

스킬에 첫 브랜드 및 design-system 작업 과제를 제공합니다

스킬 자체의 용어로 작성되었습니다. 대괄호 부분은 각자의 자료로 교체합니다.

Starter prompt
Apply Anthropic brand styling to [presentation file]. Use the official color palette with Dark #141413 for primary text, Light #faf9f5 for backgrounds, and the accent colors for charts and callouts. Make sure headings use Poppins and body text uses Lora, with proper fallbacks.

출처: 스킬 자체의 용어로 SKILL.md에서 작성했습니다.

첫 번째 결과 확인

SKILL.md 자체가 올바른 결과의 모습으로 제시하는 내용:

  • 본문 텍스트에 Lora 또는 Georgia 대체 폰트가 사용되는지 확인

OpenDesign에서는 brand-guidelines가 기본 제공됩니다: Plugins → Skills에서 상단 바에서 선택하세요.

05 오픈 소스, 추적 가능

출처, 라이선스 및 검증

이 페이지의 사실이 어디에서 왔으며 언제 마지막으로 확인되었는지 안내합니다.

Author
Anthropic
Repository
github.com/anthropics/skills 브랜치 main
스킬 파일
skills/brand-guidelines/SKILL.md 검증 시 기록된 콘텐츠 체크섬; 커밋 34040c9
License
Apache-2.0 skills/brand-guidelines/LICENSE.txt에서 가져옴; SKILL.md는 "Complete terms in LICENSE.txt"라고 명시합니다. Anthropic 브랜드 전용.
리포지토리 스타
176,183 이 카탈로그에 7개의 스킬을 포함하고 있는 anthropics/skills 저장소 전체에 대한 2026-09-14 GitHub 스냅샷입니다. brand-guidelines에 대한 평가 또는 사용 횟수가 아닙니다.
OpenDesign에서 검증됨
2026-09-14 소스 파일, 경로, 라이선스 텍스트 및 별 개수가 확인되었습니다. OpenDesign 메인에 번들로 포함됨(2026-08-28 확인됨); 이 페이지에 실시간 실행이 기록되지 않았습니다.

SKILL.md 내부

  1. 개요Anthropic 브랜드 아이덴티티 접근을 소개하고 이 스킬과 관련된 키워드를 나열합니다
  2. 브랜드 가이드라인메인 색상 및 강조 색상의 정확한 Hex 값을 정의합니다
  3. 타이포그래피제목에는 Poppins, 본문에는 Lora를 지정하며, Arial과 Georgia를 대체 폰트로 사용합니다
  4. 기능스마트 폰트 적용, 텍스트 스타일링 규칙, 도형 색상 동작을 자세히 설명합니다
  5. 기술 세부 사항폰트 관리, 대체 시스템, python-pptx RGB 색상 적용 방식을 설명합니다
스킬 자체 설명
Anthropic의 공식 브랜드 색상과 타이포그래피를 Anthropic의 룩앤필이 필요한 모든 종류의 산출물에 적용합니다. 브랜드 색상이나 스타일 가이드라인, 시각적 서식 또는 회사 디자인 표준이 적용될 때 사용합니다.

SKILL.md의 front-matter 설명입니다. 전체 파일은 약 2,235자입니다. GitHub에서 전체 파일 읽기.

Brand Guidelines

실제 브랜드 및 디자인 시스템 작업 태스크에서 brand-guidelines를 실행하십시오.

brand-guidelines 스킬은 OpenDesign에 포함되어 있습니다. 앱을 다운로드하고 Plugins → Skills에서 스킬을 선택한 다음 위의 프롬프트를 붙여넣고 결과를 보기 전에 계획을 읽으십시오.

터미널
npx skills add https://github.com/anthropics/skills --skill brand-guidelines

OpenDesign 데스크톱

하나의 디자인 시스템으로 모든 결과물에 브랜드 일관성을

완전한 Vibe Design Workspace에서 하나의 브랜드 규칙을 웹사이트, 슬라이드, 인터랙티브 프로토타입, 대시보드, 이미지, HTML 영상에 적용하세요. 로컬 Codex, Claude Code, Cursor 등을 연결해 무료로 제작할 수 있습니다.

  • 웹, 슬라이드, 프로토타입, 대시보드, 이미지, 영상
  • 140개+ 디자인 시스템과 전체 템플릿·스킬 라이브러리
  • 로컬 Codex 및 21개+ 코딩 에이전트 연결 · 무료
무료 다운로드

macOS, Windows 지원