frontend-designlisted

# Frontend Design This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices. The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints. ## When to Use - Create distinctive, production-grade frontend interfaces with high design - User explicitly invokes `/frontend-design` ## When NOT to Use - When the task doesn't match this skill's scope -- check related skills - When a more specialized skill exists for the specific task ## Design Thinking Before coding, understand the context and commit to a BOLD aesthetic direction. For specialized domains (medical, financial, children's educational, accessibility- first), consider running `/deep-research` on the domain's UX conventions and exemplars first — generic design intuition produces uninformed results for niche audiences. - **Purpose**: What problem does this interface solve? Who uses it? - **Tone**: Pick an extreme: brutally minimal, maximalist chaos, retro-futuristic, organic/natural, luxury/refined, playful/toy-like, editorial/magazine, brutalist/raw, art deco/geometric, soft/pastel, industrial/utilitarian, etc. There are so many flavors to choose from. Use these for inspiration but design one that is true to the aesthetic direction. - **Co