anthropic-brand
Installation
SKILL.md
Anthropic brand
Use when the user wants AI-product UI that feels like Anthropic, warm neutrals, restrained palette, editorial typography, and calm density.
Requirements
This skill expects references/DESIGN.md (bundled with the skill) at the skill's own folder. The path is referenced as @references/DESIGN.md so the agent loads it relative to the skill, not the project root.
How to apply
- Read
@references/DESIGN.mdfirst. Always. - When generating any component, page, or style block:
- Use the colors observed in the Color Palette section. Don't invent new shades.
- Match the typography (font family, sizes, weights) as documented, subject to the Font availability note below.
- Honor the spacing scale; don't substitute arbitrary pixel values.
- Match shape language (border radius, shadow styles).
- If a token isn't specified, derive from the closest documented one. Don't fall back to generic Tailwind defaults or random Bootstrap / Material values.