
frontend-design
✓ Official★ 31,500by anthropic · part of anthropics/claude-plugins-official
Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purple...
Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purple...
Inspect the full instructions your agent will receiveExpandCollapse
This is the exact playbook injected into your agent when the skill activates — shown here so you can audit it before installing. You don't need to read it to use the skill.
by anthropic
Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purple...
npx skills add https://github.com/anthropics/claude-plugins-official --skill frontend-design
Download ZIPGitHub31.5k
npx skills add https://github.com/anthropics/claude-plugins-official --skill frontend-designRun this in your project — your agent picks the skill up automatically.
No common issues documented yet. If you hit a problem, the repository's GitHub Issues page is the best place to look.