frontend-design
Installation
SKILL.md
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Every interface should feel intentionally designed for its specific context.
Design Thinking Process
Before coding, commit to a bold aesthetic direction:
- Purpose — What problem does this interface solve? Who uses it?
- Tone — Pick an extreme: brutally minimal, maximalist, retro-futuristic, organic, luxury, playful, editorial, brutalist, art deco, soft/pastel, industrial, etc.
- Constraints — Framework, performance, accessibility requirements
- Differentiation — What makes this unforgettable? What's the one thing someone will remember?
Aesthetic Guidelines
Typography
- Choose distinctive, characterful fonts — never default to Inter, Roboto, or Arial
- Pair a display font with a refined body font
- Use type scale and weight to create clear hierarchy