UI Design

About

This skill elevates frontend development by enforcing rigorous UI/UX principles and professional design thinking. It guides the creation of unique, non-generic interfaces for web pages and mini-programs by mandating a pre-design specification and preventing common 'AI-generated' visual tropes. By focusing on specific aesthetic directions like Brutalist, Luxury, or Retro-futuristic, the skill ensures that every component is visually striking, cohesive, and follows production-grade implementation patterns using modern tools like Tailwind CSS and professional icon libraries.

Key Features

• Prevention of 'generic AI aesthetics' and common UI anti-patterns
• Self-audit checklists for layout, color, and font compliance
• Strict enforcement of distinctive typography and color palettes
• Mandatory pre-code Design Specification analysis for aesthetic direction
• 0 GitHub stars
• Guidance for professional icon library integration and motion design

Use Cases

• Designing sophisticated user interfaces that require distinct aesthetic character beyond standard templates
• Creating complex, production-ready frontend components with Tailwind CSS
• Building high-fidelity web or mini-program prototypes with unique visual branding