What problem does it solve?
It solves inconsistent, hard-to-use interfaces by providing concrete, prioritized UI/UX rules covering accessibility, interaction patterns, performance, responsive layout, typography, and color across common app types.
Core Features & Use Cases
- Prioritized design rules (CRITICAL→MEDIUM): enforces accessibility (contrast, focus, aria labels, labels for inputs) and touch interaction requirements before anything else.
- Interaction and UX quality: defines hover/tap behavior, clear error feedback patterns, loading-state handling, and consistent pointer affordances.
- Performance and responsive guidance: recommends image optimization, reduced-motion compliance, skeleton/loading space reservation, and typography/layout constraints to prevent jank and horizontal scrolling.
- Production-style theming: supplies ready-to-use light/dark color palettes and accent/gradient guidance, plus typography pairing suggestions by product style.
- Stack-specific implementation hints: offers Tailwind and React/Next.js/shadcn/ui patterns for focus states, accessible icon buttons, loading buttons, and form components.
- Reusable workflow & checklist: guides product teams through choosing a product-style preset, applying rules, and validating before delivery (including dark mode and accessibility).
Quick Start
Ask the AI to apply the ui-ux-pro-max guidelines to your app by matching the target product type to a style preset and producing updated component-level recommendations that satisfy the accessibility, touch, performance, and responsive rules.
