prd-to-ux

Take a PRD (or a raw product idea) and produce tool-agnostic, concept-driven screen prompts for web UX generators — Stitch, Figma AI, Pencil, Claude Design, and similar.

Output describes design intent: what a screen is for, what's visible, how it feels. It does NOT emit Tailwind, component trees, or hex codes (unless the user explicitly supplies them).

Pipeline

• Step 1 — PRD Shaping (optional) — when no PRD exists. See references/step-1-prd-shaping.md.
• Gate — PRD Validation — required pass between Step 1 and Step 1.5. See references/prd-validation.md.
• Step 1.5 — UX Philosophy (required) — 3 distinct philosophies, user picks. See references/step-1-5-ux-philosophy.md.
• Step 2 — Feature & State Briefs (required) — screens and states per feature. See references/step-2-feature-states.md.
• Step 3 — Design Direction (optional) — vibe brief, or shadcn-style default. See references/step-3-design-direction.md and references/default-design-direction.md.
• Step 4 — Screen Prompts Export (required) — one prompt block per screen × state. See references/step-4-screen-prompts.md.

The divergent→convergent pattern shared by Step 1 (features) and Step 1.5 (UX expressions) lives in references/divergent-convergent-pattern.md.

Artifacts