ui-ux-pro-max

UI/UX Pro Max is a comprehensive design intelligence agent designed for developers, product designers, and software engineers who need to build high-quality, accessible, and performant user interfaces. The tool acts as a structured repository of design systems, covering everything from core accessibility standards and interaction patterns to specific layout and typographic recommendations. It is engineered to help users navigate the complexities of UI component design, color palette selection, and UX code reviews by providing data-backed, priority-based guidance. The system is highly practical, offering search capabilities across 9 distinct technology stacks including React, Vue, Next.js, Tailwind CSS, and more.

• Access a searchable database of 99+ UX guidelines, 97 color palettes, 57 font pairings, 50+ design styles, and 25 chart types.

• Generate complete, context-aware design systems for various product types like SaaS dashboards, e-commerce stores, portfolios, and landing pages.

• Ensure compliance with critical accessibility standards including color contrast (4.5:1), focus states, keyboard navigation, and ARIA labeling.

• Optimize for performance and mobile responsiveness through viewport management, image optimization strategies, and touch-target sizing (min 44x44px).

• Implement industry-standard animation timing and motion reduction patterns to improve user experience.

• Leverage the built-in search tool to query specific domains such as accessibility, touch interaction, layout, typography, and data visualization.

• Receive tailored code implementation snippets based on specific frameworks like React, Next.js, Vue, Svelte, SwiftUI, Flutter, and React Native.

• When initiating a project, always use the --design-system flag to get comprehensive, rule-based recommendations suited for your specific industry and project goals.

• Default to html-tailwind as the primary stack unless specified otherwise; ensure all implementations are checked against performance and accessibility best practices.

• Use the CLI search functionality to drill down into specific needs, such as finding glassmorphism style examples, chart recommendations for real-time dashboards, or specific UX guidelines for mobile accessibility.

• The skill is intended for active design phases: use it for prototyping, component-level UI/UX audits, color system creation, and ensuring cross-browser consistency.