Cette page est affichée en anglais. Une traduction française est en cours.

SkillsMar 29, 2026·2 min de lecture

Claude Official Skill: brand-guidelines

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 guidel...

Anthropic · Community

Prêt pour agents

Installation avec revue préalable

Cet actif nécessite une revue. Le prompt copié demande un dry-run, affiche les écritures, puis continue seulement après confirmation.

Needs Confirmation · 66/100Policy : confirmer

Surface agent

Tout agent MCP/CLI

Type

Skill

Installation

Single

Confiance

Confiance : Community

Point d'entrée

Claude Official Skill: brand-guidelines

Commande avec revue préalable

npx -y tokrepo@latest install 2c965821-0cc3-452a-8c44-faa989fc047a --target codex

Dry-run d'abord, confirmez les écritures, puis lancez cette commande.

TL;DR

An official Claude Code skill that applies Anthropic brand colors, typography, and visual style to generated artifacts.

§01

What it is

Claude Official Skill: brand-guidelines is a Claude Code skill that applies Anthropic's official brand colors and typography to any artifact that benefits from Anthropic's visual identity. When activated, the AI assistant uses correct brand hex codes, font choices, and layout patterns.

It targets developers and content creators building materials, demos, or interfaces that need to match Anthropic's official look and feel.

§02

How it saves time or tokens

Without this skill, you manually specify Anthropic's brand colors, fonts, and spacing in every prompt. The skill pre-loads these design tokens so the AI applies them automatically. Token estimate is approximately 500 tokens.

§03

How to use

Install the skill:

claude skill install anthropics/skills/brand-guidelines

Or manually copy the SKILL.md content to .claude/skills/brand-guidelines/SKILL.md.
The skill activates when you ask for artifacts with Anthropic branding.

§04

Example

# .claude/skills/brand-guidelines/SKILL.md

§05

Brand Colors

Primary: #D4A574 (Anthropic tan)
Background: #1A1A2E (dark navy)
Text: #FFFFFF on dark backgrounds
Accent: #E8D5B7 (light tan)

§06

Typography

Headings: Inter, semi-bold
Body: Inter, regular
Code: JetBrains Mono

§07

Related on TokRepo

AI Tools for Design — Design tools and brand asset management
Prompt Library — Curated skills and prompts for Claude Code

Key considerations

When evaluating Claude Official Skill for your workflow, consider the following factors. First, assess whether your team has the technical prerequisites to adopt this tool effectively. Second, evaluate the maintenance burden against the productivity gains. Third, check community activity and documentation quality to ensure long-term viability. Integration with your existing toolchain matters more than feature count alone. Start with a small pilot project before rolling out across the organization. Monitor resource usage during the initial adoption phase to identify bottlenecks early. Document your configuration decisions so team members can onboard independently.

§08

Common pitfalls

Brand guidelines change over time; verify the skill's color values against Anthropic's current brand assets.
The skill applies visual styling only; it does not enforce Anthropic's content tone or messaging guidelines.
Using Anthropic's brand assets in commercial products may require permission; this skill provides the design tokens, not a trademark license.

Questions fréquentes

Is this an official Anthropic skill?+

The skill provides Anthropic brand design tokens for Claude Code. It helps match Anthropic's visual identity. Check Anthropic's brand guidelines for the authoritative source of brand assets.

What does the skill include?+

It includes brand colors (hex values), typography choices (font families, weights), spacing guidelines, and layout patterns that match Anthropic's official visual identity.

Can I modify the brand guidelines?+

Yes. The skill installs as a SKILL.md file in your project. You can edit the colors, fonts, and guidelines to match your own brand or a customized version.

Does this work with HTML artifacts?+

Yes. When you ask Claude Code to generate HTML, CSS, or React components, the skill ensures they use Anthropic's brand colors and typography without you specifying them each time.

Will this affect all my Claude Code projects?+

Only projects with the brand-guidelines skill installed in their .claude/skills directory. Other projects are unaffected. You can install it globally or per-project.

Sources citées (3)

Anthropic Claude Code Docs— Anthropic brand colors and typography for Claude Code
Claude Code Skills Docs— Claude Code skills system
Anthropic Official Site— Anthropic brand guidelines