// Create distinctive, memorable user interfaces that avoid generic AI aesthetics. Use when designing UI/UX, planning visual direction, or building pages and layouts.
| name | frontend-design |
| description | Create distinctive, memorable user interfaces that avoid generic AI aesthetics. Use when designing UI/UX, planning visual direction, or building pages and layouts. |
Create distinctive, memorable user interfaces that avoid generic AI aesthetics.
Before writing code, establish:
1. Establish design tokens (colors, typography, spacing)
2. Build distinctive hero/header first (sets the tone)
3. Let the hero aesthetic inform component design
4. Add motion and micro-interactions last
5. Review: "Would I remember this UI tomorrow?"
This skill is framework-agnostic. Apply these principles whether using:
The goal is distinctive design, not specific implementation.