What problem does it solve?
This Skill eliminates inconsistent UI/UX decisions by providing accessible, stack-aware design rules that help you design interfaces that look better and behave correctly for real users.
Core Features & Use Cases
- Accessibility-first guidelines: Ensures contrast, focus states, keyboard navigation, and labeled forms are consistently applied during UI review and implementation.
- Interaction and layout standards: Covers touch targets, hover vs tap behavior, z-index management, responsive sizing, and anti-patterns that commonly break UX.
- Design-system generation workflow: Produces a design system across style, color, typography, effects, charts, and stacks (React/Next.js/Vue/Svelte/SwiftUI/React Native/Flutter/Tailwind/shadcn/ui) including recommendations and anti-patterns.
Quick Start
Use the ui-ux-pro-max workflow to generate a design system by running: python3 skills/ui-ux-pro-max/scripts/search.py "saas fintech dashboard accessibility dark mode responsive" --design-system -p "Metal-Hub Dashboard".