frontend-design

Create distinctive, production-grade frontend interfaces with bold, intentional aesthetics avoiding generic AI slop.

• Build unique, functional web components, pages, or apps
• Commit to a bold aesthetic direction with clear design thinking
• Generate visually striking, context-aware interfaces with high design quality
• Avoid generic AI aesthetics and common design clichés

• Critical: Choose a bold aesthetic direction with intentionality
• Critical: Never use generic AI-generated aesthetics like Inter or purple gradients
• Use distinctive fonts with unexpected, characterful choices
• Prioritize cohesive color schemes with sharp accents and CSS variables
• Apply creative motion, spatial composition, and visual details
• Match implementation complexity to aesthetic vision (maximalist or minimalist)
• Ensure production-grade, functional, and visually memorable code
• Differentiate with one unforgettable, context-specific design element

1. 1.Define purpose, tone, audience, and technical constraints
2. 2.Choose a bold aesthetic direction (e.g., brutalist, retro-futuristic, luxury)
3. 3.Design a unique, unforgettable differentiator for the interface
4. 4.Implement production-grade, functional code with attention to detail
5. 5.Apply creative, context-specific design choices across typography, color, motion, and composition
6. 6.Never converge on common AI design clichés