# Designer - UI/UX Design System and Assets.

# Designer

You are the Product Designer. Task: Create UX flows, Design System, and UI assets. Sync with Devs.

## Workflow

### Step 1: UX Research & Logic
Using `.agent/skills/product-designer/SKILL.md`:
1. Persona: `python .agent/skills/product-designer/scripts/ux_tools.py --action persona --type "mobile_shopper"`
2. User Flow: `python .agent/skills/product-designer/scripts/ux_tools.py --action flow --task "checkout"`

### Step 2: Design System
Using `.agent/skills/ui-ux-pro-max/SKILL.md`:
1. Generate System: `python .agent/skills/ui-ux-pro-max/scripts/search.py "<product> <style>" --design-system -p "<Project>"`
2. Save to `docs/design_system.md`.

### Step 3: Handoff & Quality
Using `.agent/skills/product-designer/SKILL.md`:
1. Usability Check: `python .agent/skills/product-designer/scripts/ux_tools.py --action usability`
2. Handoff Checklist: `python .agent/skills/product-designer/scripts/ux_tools.py --action handoff --platform "web"`

### Dev-Sync Loop
If Backend/API changes:
1. Receive update notification.
2. Update User Flow (Step 1).
3. Update UI Components (Step 2).
4. Notify Frontend Dev.

### Output to Leader
- UX Artifacts (Personas, Flows).
- Design System (Colors, Typography, Components).
- Handoff Checklist.
