ui-ux-design-intelligence

AI-powered UI/UX design intelligence for web, mobile, and desktop applications. Use this skill whenever the user requests UI design, frontend styling, component creation, color palette selection, typography pairing, layout decisions, accessibility improvements, animation guidance, responsive design, dark mode implementation, form UX, navigation patterns, chart/data visualization design, or reviewing/fixing UI code quality. Covers 67+ UI styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 15+ tech stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS, Angular, Laravel, Astro, Three.js). Triggers on: build/design/create/implement a page, component, dashboard, landing page, mobile app, form, modal, button, card, table, chart, navbar, sidebar, color scheme, typography system, spacing system, layout grid, animation, interaction states, hover/focus states, responsive breakpoints, accessibility review, dark mode, design system, style guide, or any request about how something should look, feel, move, or be interacted with.