Product Design Workflow

Design products from research through PRD, prototyping, validation, and development handoff.

Overview

graph LR
    S["/pd-0-start"] --> R["/pd-1-research"]
    R --> PID["/pd-pid"]
    PID --> PRD["/pd-2-prd"]
    PRD --> P["/pd-3-prototype"]
    P --> V["/pd-4-validate"]
    V --> SP["/pd-5-specchen"]
    SP --> H["/pd-6-handoff"]

Phases

Phase	Command	What happens
0. Start	/pd-0-start	See the workflow, set up project
1. Research	/pd-1-research	User interviews, personas, analysis
PID	/pd-pid	Technical architecture decisions
2. PRD	/pd-2-prd	Product Requirements Document
3. Prototype	/pd-3-prototype	Deployable HTML/React prototype
4. Validate	/pd-4-validate	Usability testing with real users
5. SPECchen	/pd-5-specchen	Break PRD into feature briefs
6. Handoff	/pd-6-handoff	Development handoff package

Iterative design loop

The workflow includes a feedback loop for responding to new information without restarting:

graph LR
    INBOX["/pd-inbox-scan"] --> ANALYZE["/pd-analyze-changes"]
    ANALYZE --> ROUTE["/pd-route-decision"]
    ROUTE -->|"go to affected phase"| PHASE["Phase N"]

See Iterative Design Loop for details.

When to use

Use the product design workflow when you need to:

• Research user needs before building
• Create a PRD with validated requirements
• Build and test a prototype
• Prepare a structured handoff to development

Key features

• User research tools: interview scripts, persona creation, analysis agents
• VisiTrans Corporate Design: prototypes automatically follow brand guidelines
• SPECchen: breaks PRDs into implementation-sized feature briefs
• Iterative loop: respond to feedback without starting over
• Handoff package: everything development needs to start building