topskills

brand-guidelines

Lock generated UIs to a brand. Anthropic's own guidelines, formalized as a skill.

Score 0(?)OfficialAll surfacesby AnthropicSource
Verified for:

Install

$ npx skills add github.com/anthropics/skills --skill brand-guidelines
Install without a terminal (Claude.ai)

brand-guidelines is verified on Claude.ai, so you can install it from the browser — no command line. It then runs in Claude’s server-side sandbox, which has no shell and no access to your computer’s files: you upload what it should read and download what it produces.

  1. 1Turn on code execution. On claude.ai, open Settings → Capabilities and enable "Code execution and file creation". Skills that produce files need it, and it is off for some accounts by default.
  2. 2Download the skill folder. Follow the source link on the skill page to its repository and download the skill’s folder. Read the SKILL.md before you install it — it is plain text, and it is the instructions the agent will follow.
  3. 3Zip it and upload. Compress the folder into a .zip, then on claude.ai go to Customize → Skills and upload it. Skills you upload are private to your account.
  4. 4Ask for the work. Start a normal conversation and describe the job in your own words. The skill loads itself when your request matches what its description covers — you never invoke it by name.

Anthropic documents this flow in Use skills in Claude. See every Skill that installs this way.

Best for

Internal branded artifacts, landing pages that need to match a brand exactly.

About this skill

Apply Anthropic's official brand guidelines (typography, color, voice) to artifacts and UIs.

BrandGuidelinesIdentity

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
15/15
GitHub stars
0/15
Recency
6/10
Compatibility
2/10
Documentation depth
6.5/10
Install ergonomics
10/10
License
5/5
Verification freshness
3/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Related skills

Official

Escape generic AI-generated UIs. Forces a bold, distinctive design direction before any code is written.

ReactTailwindDesign
All surfaces
Low1 min
Official

Self-contained HTML artifacts with React + shadcn/ui — no build step, just paste and run.

Reactshadcn/uiArtifacts
All surfaces
Low1 min
Official

Single seed prompt → cohesive token system. Tokens that look intentional, not generated.

TokensDesign systemTheming
All surfaces
Low1 min

Ranked #16 in Frontend & UI

Publish the ranking in your README. The badge reads the live score, so it updates when the ranking does.

brand-guidelines — ranked #16 in Frontend & UI on Top Agent Skills
Markdown
[![brand-guidelines — ranked #16 in Frontend & UI on Top Agent Skills](https://top-agent-skills.com/badge/brand-guidelines.svg)](https://top-agent-skills.com/skill/brand-guidelines)
HTML
<a href="https://top-agent-skills.com/skill/brand-guidelines"><img src="https://top-agent-skills.com/badge/brand-guidelines.svg" alt="brand-guidelines — ranked #16 in Frontend & UI on Top Agent Skills"></a>

Skill FAQ

About brand-guidelines

What is the brand-guidelines skill?

Apply Anthropic's official brand guidelines (typography, color, voice) to artifacts and UIs.

Which agents does brand-guidelines work with?

Claude Code, Claude.ai (web app), Claude API.

How do I install brand-guidelines?

Run `npx skills add github.com/anthropics/skills --skill brand-guidelines` for Claude Code. See the install panel for per-agent commands.

Is brand-guidelines free to use?

Yes — brand-guidelines is open source (MIT).

Who maintains brand-guidelines?

brand-guidelines is published by Anthropic and was last updated on 2026-04-10.

What is brand-guidelines best for?

Internal branded artifacts, landing pages that need to match a brand exactly.