Community코딩 & 개발github.com

브랜드 가이드라인

Anthropic의 공식 브랜드 색상과 타이포그래피를 아티팩트에 적용하여 Anthropic의 룩앤필을 제공합니다. 브랜드 색상, 스타일 가이드라인, 시각적 서식 또는 회사 디자인 표준이 적용될 때 사용하세요.

브랜드 가이드라인란 무엇인가요?

이 스킬은 Anthropic의 공식 브랜드 아이덴티티 리소스를 아티팩트에 손쉽게 적용할 수 있도록 도와줍니다. 주로 Claude Code, Cursor, Codex와 같은 AI 에이전트 플랫폼에서 사용되며, 브랜드 색상 팔레트(다크, 라이트, 미드 그레이, 라이트 그레이와 오렌지, 블루, 그린 악센트) 및 타이포그래피(Poppins 헤딩, Lora 본문)를 자동으로 적용합니다. 헤딩에는 Poppins, 본문에는 Lora 폰트를 지정하고, 시스템에 해당 폰트가 없을 경우 Arial 또는 Georgia로 자동 대체되어 가독성을 유지합니다. 비텍스트 도형에는 악센트 색상이 순환 적용되어 시각적 일관성을 제공하며, python-pptx의 RGBColor 클래스를 통해 정확한 브랜드 색상을 유지합니다. 이 스킬은 기존 시스템 폰트로 동작하므로 별도 설치가 필요 없지만, Poppins와 Lora를 사전에 설치하면 최상의 결과를 얻을 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anthropics/skills/tree/main/skills/brand-guidelines

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Anthropic 브랜드 스타일링

개요

Anthropic의 공식 브랜드 아이덴티티 및 스타일 리소스에 접근하려면 이 스킬을 사용하세요.

키워드: 브랜딩, 기업 아이덴티티, 시각적 아이덴티티, 후처리, 스타일링, 브랜드 색상, 타이포그래피, Anthropic 브랜드, 시각적 서식, 시각적 디자인

브랜드 가이드라인은(는) 무엇을 하나요?

색상

주요 색상:

  • 다크: #141413 — 주요 텍스트 및 어두운 배경
  • 라이트: #faf9f5 — 밝은 배경 및 어두운 배경 위 텍스트
  • 미드 그레이: #b0aea5 — 보조 요소
  • 라이트 그레이: #e8e6dc — 미묘한 배경

악센트 색상:

  • 오렌지: #d97757 — 주요 악센트
  • 블루: #6a9bcc — 보조 악센트
  • 그린: #788c5d — 세 번째 악센트

타이포그래피

  • 헤딩: Poppins (Arial 대체 폰트)
  • 본문 텍스트: Lora (Georgia 대체 폰트)
  • 참고: 최상의 결과를 위해 환경에 Poppins와 Lora 폰트를 미리 설치하는 것이 좋습니다.

기능

스마트 폰트 적용

  • Poppins 폰트를 헤딩(24pt 이상)에 적용
  • Lora 폰트를 본문 텍스트에 적용
  • 사용자 정의 폰트가 없을 경우 자동으로 Arial/Georgia로 대체
  • 모든 시스템에서 가독성 유지

텍스트 스타일링

  • 헤딩(24pt+): Poppins 폰트
  • 본문 텍스트: Lora 폰트
  • 배경에 따른 스마트 색상 선택
  • 텍스트 계층 구조 및 서식 유지

도형 및 악센트 색상

  • 비텍스트 도형에는 악센트 색상 사용
  • 오렌지, 블루, 그린 악센트 순환 적용
  • 브랜드 정체성을 유지하면서 시각적 흥미 유지

기술 세부 사항

폰트 관리

  • 시스템에 설치된 Poppins와 Lora 폰트가 있을 경우 사용
  • 헤딩에는 Arial, 본문에는 Georgia로 자동 대체 제공
  • 폰트 설치 불필요 — 기존 시스템 폰트로 작동
  • 최상의 결과를 위해 환경에 Poppins와 Lora 폰트를 미리 설치하세요.

색상 적용

  • 정확한 브랜드 매칭을 위해 RGB 색상 값 사용
  • python-pptx의 RGBColor 클래스를 통해 적용
  • 다양한 시스템에서 색상 정확도 유지

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

academy-guide

Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it recommends matching courses, tutorials, and use cases from Claude Academy (academy.claude.com), Anthropic's learning hub. Trigger on: "how do I", "how can I", "getting started with", "what can Claude do", "teach me", "learn to use"; questions about artifacts, projects, skills, plugins, connectors, MCP; requests about rolling Claude out to a team, class, or organization; and any ask for training materials, onboarding content, or learning resources. Use it when the user is learning how to use a feature or product — not when they are mid-task and just want the task done. This skill composes with other skills: after consulting product documentation to answer how a Claude feature works, also check here for a matching course or tutorial — a docs-grounded answer and an Academy recommendation belong together. Only recommend on a strong match; never invent Academy content.

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists

anthropics/template-skill

Replace with description of the skill and when Claude should use it.

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists

claude-api

|-

discernment-nudge

After you give a substantive answer or draft that the user may act on — advice or recommendations, drafted artifacts such as goals, plans, pitches, proposals, or emails, estimates or projections, analysis or interpretation of data, factual claims they may rely on, or a multi-step argument — invoke this skill BEFORE finalizing your reply and then, if it applies, append 2-3 short follow-up questions, each tied to something specific in what you just produced, that help the user check key facts, probe the reasoning or assumptions, and notice missing context. Do this at most once per conversation. Skip it when the user asked a trivial how-to or simple lookup, wants a purely educational explanation, asked you only to format, convert, or assemble a file from content they provided, is writing code they will run, is doing creative writing or casual chat, or already asked you to double-check, cite, or review — the skill file explains these boundaries and the exact output format.

doc-coauthoring

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

docx

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

internal-comms

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

mcp-builder

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

pdf

Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting/decrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.

pptx

Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \

skill-creator

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill

slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like

theme-factory

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

xlsx

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .xltx, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like \

관련 스킬