| Hat |
Stage |
Upstream gate |
Output |
Unblocks |
| UXD |
Design |
PRD approved |
design/outputs/{briefs,user-flows,wireframes,screens,handoffs}/PRD-NNN-* |
Engineering handoff |
When to Use
- PRD reached
status: approved and UX designer (or dev pinch-hitting) wants to run the full design pass.
- Resuming a partial pass for same PRD (skip steps whose outputs exist).
Prerequisites
.workbench-state/approved.json contains the target PRD. Refuse otherwise.design/context-library/design-system-ref.md filled in (≥ 1 DS block) OR user producing DS-free wireframes only.
Protocol — 6 Steps, 6 Artifacts
| # |
Step |
Artifact |
| A |
Brief |
design/outputs/briefs/PRD-{NNN}-brief.md |
| B |
User flow (Mermaid flowchart) |
design/outputs/user-flows/PRD-{NNN}-flow.md |
| C |
Wireframes (ASCII) |
design/outputs/wireframes/PRD-{NNN}-wireframes.md |
| D |
Screens — invoke /ds-screen-gen (DS present) or /figma-pull (Figma is truth) |
design/outputs/screens/PRD-{NNN}/index.md |
| E |
Review — invoke /design-review; P0 fails loop back to Step D |
design/outputs/handoffs/PRD-{NNN}-review.md |
| F |
Handoff (tokens, components mapping, states per screen, open items) |
design/outputs/handoffs/PRD-{NNN}-handoff.md |
Resume Support
--from {step} (brief / flow / wireframes / screens / review / handoff) — jump; read prior outputs, don’t regenerate.
Publish Prompts (Prints Verbatim at End)
wb.publish DESIGN-PRD-{NNN} design/outputs/screens/PRD-{NNN}/index.md design
wb.publish DESIGN-HANDOFF-PRD-{NNN} design/outputs/handoffs/PRD-{NNN}-handoff.md design
wb.approve DESIGN-PRD-{NNN}
wb.approve DESIGN-HANDOFF-PRD-{NNN}
Do Not
- Start without an approved PRD.
- Skip review just because P0s would delay — that’s exactly when it matters.
- Silently overwrite a prior handoff. Diff and ask.
Source
skills/design-draft/SKILL.md