# UI UX Pro Max

> Generate a complete product-specific UI/UX direction from a brief, including design system foundations, color palette, typography pairing, style direction, and UX rules. Use when starting a new product, dashboard, SaaS UI, or e-commerce interface.

- Skill: `talgacapri/ui-ux-pro-max` (Agent Skill)
- Install (CLI): `npx skillmds@latest add talgacapri/ui-ux-pro-max`
- Raw SKILL.md: https://api.skillmd.com/api/skills/talgacapri/ui-ux-pro-max/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: talgacapri (https://skillmd.com/u/talgacapri)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/talgacapri/ui-ux-pro-max

---


# 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

1. Define design goals from product strategy and user context.
2. Propose visual direction options (1 primary, 1 backup).
3. Generate token foundations:
   - Core palette and semantic colors
   - Typography pair and scale
   - Spacing and radius scales
   - Elevation and motion principles
4. Define interaction rules:
   - Navigation behavior
   - Form and feedback patterns
   - Error, empty, loading, and success states
5. Define UX principles specific to the product category.
6. Produce component starter set and usage rules.
7. Provide implementation-ready handoff notes.

## Output format

Return:
1. Product UI direction statement
2. Design token table
3. UX operating rules
4. Starter component set
5. 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.