Skip to content

Product Design Workflow

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

Overview

graph LR
    S["/vt-c-pd-0-start"] --> R["/vt-c-pd-1-research"]
    R --> PID["/vt-c-pd-pid"]
    PID --> PRD["/vt-c-pd-2-prd"]
    PRD --> P["/vt-c-pd-3-prototype"]
    P --> V["/vt-c-pd-4-validate"]
    V --> H["/vt-c-pd-6-handoff"]
    H --> SFP["/vt-c-specs-from-prd"]
    SFP --> ACT["/vt-c-activate"]

Phases

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

After handoff, generate specs and start development:

Step Command What happens
Generate specs /vt-c-specs-from-prd Create implementation specs from PRD
Activate /vt-c-activate Load specs, see wave dashboard, start building

Iterative design loop

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

graph LR
    INBOX["/vt-c-pd-inbox-scan"] --> ANALYZE["/vt-c-pd-analyze-changes"]
    ANALYZE --> ROUTE["/vt-c-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
  • Spec generation: /vt-c-specs-from-prd generates implementation specs directly from the PRD
  • Iterative loop: respond to feedback without starting over
  • Handoff package: everything development needs to start building