frontend-design
Installation
SKILL.md
This skill creates production-grade frontend interfaces that are distinctive, accessible, and performant. Every project gets a bespoke aesthetic direction — no two designs should look alike.
The user provides: the client context (industry, audience, brand), the tech stack, and any design constraints.
Non-Negotiable Quality Standards
Every project MUST meet these. No exceptions, no shortcuts:
1. Mobile-First Responsive
- Design at 390px first, then scale up
- Test at 390px, 768px, 1280px+ breakpoints after implementing each component
- No horizontal scrolling at any breakpoint
- Touch targets ≥ 44×44px on mobile
- Stack layouts vertically on mobile, expand to grid on desktop