What problem does it solve? Designing modern websites, dashboards, and landing pages often results in generic layouts, weak visual hierarchy, poor accessibility, and inconsistent spacing. This Skill applies senior-level product design, UX strategy, and frontend architecture principles to produce polished, usable, and conversion-focused interfaces. ## Core Features & Use Cases - UI Design & Generation: Produces layouts, typography systems, color palettes, and component structures for websites, SaaS dashboards, landing pages, and mobile-first experiences using stacks like React, TailwindCSS, and Framer Motion. - Design Review Mode: Audits existing designs for UX flaws, hierarchy issues, accessibility gaps, spacing inconsistencies, and conversion blockers, then proposes concrete improvements. - Specialized Modes: Adapts guidance for SaaS products, premium brand sites, startup MVPs, and mobile apps, including AI-native patterns like conversational UI and command palettes. - Use Case: Ask it to redesign a cluttered analytics dashboard and receive a modular widget layout with progressive disclosure, accessible contrast ratios, and purposeful microinteractions. ## Quick Start Ask the assistant to design or review a landing page, dashboard, or mobile interface and specify your target audience and tech stack.
