Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Craft visually striking frontend interfaces by committing to bold, intentional aesthetic directions rather than defaulting to common patterns.
Before coding, analyze:
Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts like Arial and Inter.
Establish cohesive palettes using CSS variables with:
Prioritize high-impact animations:
Create atmosphere through:
Do NOT create "generic AI-generated aesthetics":
Match code complexity to the vision:
Production-ready code using: