Purpose
Anthropic Frontend Design asks an assistant to ground visual direction in the product, audience, and page purpose before choosing color, typography, layout, and motion. It calls for a short design plan and a review of that plan before implementation.
When to use it
Use it for company sites, campaign pages, portfolios, or a redesign of an existing interface. Supply real copy, brand material, and existing components as constraints.
Example
For example, ask for two hero and typography directions for a bookstore event page, then build the selected direction for mobile and desktop.
This example is hypothetical; this site has not tested it.
Limitations
The Skill provides design and implementation guidance. The finished interface still needs checks with real content, responsive widths, keyboard focus, readability, and reduced motion.
Installation
Select frontend-design from the official Anthropic repository with the Skills CLI.
npx skills add anthropics/skills --skill frontend-designRun the command yourself in a supported environment. Reading this page does not install the Skill.