frontend-design
by @anthropics/skills · 104.6K stars · 211.4K installs/wk · Rank #3
Guides the creation of distinctive, production-grade frontend interfaces with bold aesthetics and functional code.
Install
npx skills add https://github.com/anthropics/skills --skill frontend-designSummary
- Guides design thinking before coding: establish bold aesthetic direction (brutalist, maximalist, retro-futuristic, luxury, playful, etc.) with clear purpose, tone, and differentiation
- Emphasizes typography, color theming, motion, spatial composition, and textural details as core design pillars; uses CSS variables, animations, and scroll-triggered effects
- Generates working, functional code (HTML/CSS/JS, React, Vue) that matches implementation complexity to aesthetic vision: elaborate code for maximalist designs, restrained precision for minimalist ones
- Explicitly avoids generic patterns: overused fonts (Inter, Roboto), clichéd color schemes (purple gradients), predictable layouts, and cookie-cutter component design