Setup & Installation
npx skills add https://github.com/anthropics/skills --skill frontend-design
https://github.com/anthropics/skills/tree/main/skills/frontend-design
View on GitHubWhat This Skill Does
A skill for building frontend interfaces with intentional aesthetic direction. It pushes past generic patterns by committing to a specific visual tone before writing a line of code, then implementing that vision with working, production-ready code.
Instead of producing the same purple-gradient-on-white output most AI tools default to, this skill forces a distinct aesthetic commitment upfront and executes it through specific font choices, spatial composition, and motion rather than generic patterns.
When to use it
- Building a landing page that avoids the standard gradient-hero-with-Inter-font template
- Styling a React dashboard to match a brutalist or editorial aesthetic instead of a Material UI default
- Generating HTML/CSS layouts with custom typography pairings and motion effects
- Prototyping a web component with scroll-triggered animations and a deliberate color system
- Converting a plain UI mockup into a visually distinct, cohesive page with atmospheric backgrounds