Frontend Design

Use this when you're building frontend interfaces and want to avoid that generic AI look where everything ends up with Inter, purple gradients, and the same rounded corners. It pushes you to commit to a bold aesthetic direction first (brutalist, maximalist, retro-futuristic, whatever fits) then implement it with actual attention to typography, motion, and spatial composition. The emphasis is on distinctive font choices, cohesive color systems with CSS variables, and animations that matter rather than sprinkling hover effects everywhere. It's opinionated about matching code complexity to vision: maximalist designs get elaborate implementations, minimalist ones get restraint and precision. Honestly refreshing if you're tired of every prototype looking identical.

Install to Claude Code

npx -y skills add anthropics/claude-code --skill frontend-design --agent claude-code