| name | ui-ux-pro-max-design-system |
| description | Define or refine a project design system for web and mobile interfaces. Use after visual direction is known and before broad component implementation to establish tokens, type, spacing, layout, states, accessibility, and responsive component rules. |
UI UX Pro Max Design System
Use this adaptation for design-system decisions, not as a second competing art director.
Update docs/design/DESIGN.md and the owning UI specification with semantic color, typography, spacing, radius, elevation, motion, grid, breakpoints, density, component states, accessibility, reduced motion, and data-display rules.
- Reuse an existing system before creating tokens.
- Trace each rule to a recurring product need.
- Separate semantic roles from raw values.
- Cover hover, focus, active, disabled, loading, error, empty, permission, and destructive states.
- Verify against at least one dense screen and one narrow viewport.
Do not run upstream installers, create symlinks, or overwrite provider configuration.