ui-ux-pro-maxlisted

Cross-stack UI/UX design intelligence: layout, color, typography, charts, accessibility. TRIGGER when: planning or reviewing UI/UX, choosing palettes/fonts, or improving accessibility. SKIP: Material-UI code specifics (use mui-styling); React component code (use react-patterns).
komluk/scaffolding · ★ 1 · Web & Frontend · score 74

Install: claude install-skill komluk/scaffolding

# UI/UX Pro Max - Design Intelligence Comprehensive design guide for web and mobile applications. Contains 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks. Searchable database with priority-based recommendations. ## Capabilities - **Actions**: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. - **Projects**: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, `.html`, `.tsx`, `.vue`, `.svelte`. - **Elements**: button, modal, navbar, sidebar, card, table, form, chart. - **Styles**: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. - **Topics**: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. - **Stacks**: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and more (13 total). - **Database**: 67 styles, 96 palettes, 57 font pairings, 25 chart types, 99 UX guidelines. - **Integrations**: shadcn/ui MCP for component search and examples. ## When to Apply Reference these guidelines when: - Designing new UI components or pages - Choosing color palettes and typography - Reviewing code for UX issues - Building landing pages or dashboards - Implementing accessibility requirements ## Rule Categories by Priority | Priority | Category | Impact | Domain