UI/UX Pro Max
Use this skill to convert a product brief into a full UI/UX foundation.
What this skill does
Given a project brief, this skill creates:
- Design system foundations (color, type, spacing, radius, shadows)
- Product-appropriate style direction
- UX rules tailored to the product type
- Component guidance for key screens and flows
Best triggers
Activate for requests like:
- "design system for..."
- "build a dashboard"
- "SaaS UI"
- "e-commerce app"
Input checklist
Collect or infer:
- Product type and audience
- Brand personality and constraints
- Core jobs-to-be-done
- Primary screens and user flows
- Platform targets (web, iOS, Android)
Generation workflow
- Define design goals from product strategy and user context.
- Propose visual direction options (1 primary, 1 backup).
- Generate token foundations:
- Core palette and semantic colors
- Typography pair and scale
- Spacing and radius scales
- Elevation and motion principles
- Define interaction rules:
- Navigation behavior
- Form and feedback patterns
- Error, empty, loading, and success states
- Define UX principles specific to the product category.
- Produce component starter set and usage rules.
- Provide implementation-ready handoff notes.
Output format
Return:
- Product UI direction statement
- Design token table
- UX operating rules
- Starter component set
- Dos and don'ts for consistency
Guardrails
- Keep output specific to the product type, not generic.
- Tie visual choices to usability and brand goals.
- Prefer reusable systems over one-off styling.