UI/UX Pro Max

Use this skill when an agent must make front-end work look intentional, usable, accessible, and appropriate for the product domain. It is a design intelligence layer for turning vague UI requests into concrete design decisions, implementation constraints, and review gates.

The skill is inspired by the public ui-ux-pro-max workflow, but this repository version is self-contained: it does not require a bundled database, CLI, or hidden scripts. Use it as a rigorous design reasoning system that pairs well with React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, and plain HTML/CSS.

When to Use

• Creating a new page, flow, dashboard, admin panel, landing page, app screen, or design system.
• Improving an interface that feels generic, unbalanced, cramped, overdecorated, or hard to scan.
• Choosing color systems, typography, spacing, layout density, chart treatment, or component states.
• Refactoring UI code where the visual result matters as much as the code structure.
• Auditing accessibility, responsive behavior, visual hierarchy, form feedback, or interaction quality.
• Translating a product domain into an interface personality, such as fintech, healthcare, education, developer tools, marketplaces, media, or internal operations.
• Building with component systems such as shadcn/ui, Radix, Chakra, MUI, Ant Design, Headless UI, or native platform controls.
• Reviewing whether AI-generated UI output has fallen into common patterns such as giant hero sections, repetitive cards, low contrast gray text, random gradients, or decorative motion.

Skip When