Frontend Design skill

Frontend Design is an agent skill published by Anthropic in its anthropics/skills collection and listed on skills.sh. It is a set of instructions that Claude loads when building new user interfaces or reshaping existing ones. It asks the model to act as a design lead and to commit to a specific aesthetic direction (for example brutalist, maximalist, retro-futuristic, luxury or organic) before writing code.

The guidance covers typography, color theming with CSS variables, motion, spatial composition and textural details. It tells the model to avoid overused fonts, clichéd color schemes and predictable layouts. It also asks the model to ground the design in the subject matter, the audience and the primary job of the interface. The output is working code such as HTML/CSS/JS, React or Vue, with implementation complexity matched to the chosen style.

It is used by installing the skill into a compatible agent environment such as Claude Code or Claude apps that support skills. A YouTube reviewer (Matt Wolfe) described it as the second most popular skill on skills.sh. In his redesign of a homepage it produced a more colorful result than the base model alone. As a prompt-based skill, its results depend on the underlying model and the brief.