frontend-design
SKILL.md
Use this skill to design and implement bold, production-ready frontends when the request involves UI. Combine it with repository UI/UX requirements (docs/ui/requirements.md) and existing design systems.
Design Thinking
Before coding, lock in a clear, memorable direction:
- Purpose: What problem does the interface solve? Who uses it?
- Tone: Commit to a strong aesthetic (e.g., brutalist/raw, retro-futuristic, editorial/magazine, luxury/refined, playful/toy-like, industrial/utilitarian). Choose one and execute it precisely.
- Constraints: Framework, performance, accessibility, build tooling.
- Differentiation: What makes this unforgettable? Aim for a single standout idea.
Then build working code (HTML/CSS/JS, React, templ, etc.) that is:
- Production-grade and functional
- Visually striking with a cohesive point of view
- Meticulous in spacing, motion, and detail