Frontend Design
The interface design skill Anthropic publishes in its official skills repository, under the Apache 2.0 licence. Before any code, it has the agent lay down a small token system (four to six named colours, typefaces and their roles, a layout sketched in ASCII) and check it against the brief. It grounds aesthetic choices in the product's subject, industry and vocabulary, and names the tells of generated interfaces: warm cream with terracotta accents, near-black with acid-green accents, identical rounded SaaS cards, all-caps labels, middle dots and arrows tacked on everywhere.
Strengths
- Official and readable before you install: a single instruction file and its Apache 2.0 licence in Anthropic's repository
- Gets colour, type and layout choices written down before code, so you fix a palette rather than a whole page
- Names the visual tells to avoid instead of talking about taste in general
Limitations
- Guidance, not tooling: no style base to query, no rework commands on existing output
- The agent reads the guidance and can drift from it: nothing in the skill checks the final output
- The command circulating in carousels, 'npx claude skills add frontend-design', is not the repository's: it is `npx skills add` with the repository address, or `/plugin install example-skills@anthropic-agent-skills` after `/plugin marketplace add anthropics/skills`. And those lists include a 'figma' skill that Anthropic does not ship; the real equivalent is Figma's official MCP server and its skills (figma-use, figma-generate-library), see the Figma MCP card
Best for
- A first front-end project with Claude Code, before stacking community skills
- A brief with no visual direction: it forces a subject, an audience and a primary job before any drawing
- Judging a design skill sold as "better than frontend-design" while knowing what the reference really does