Visual Prototype Gate

Position in workflow: v0.4 Screen Flow Definition → v0.4 Visual Prototype Gate → v0.5 Red Team Review

Screens on paper are hypotheses. Screens rendered visually are testable. This skill converts SCR- entries into structured prompts for Google Stitch (or any UI generation tool), then captures feedback routed back to specific SoT IDs.

Rule: No product advances past v0.4 without a visual prototype reviewed by at least one stakeholder.

Consumes

• SCR-* entries (from Screen Flow Definition) — Each SCR- becomes one Stitch prompt. 1:1 mapping, no exceptions.
• PER-* entries (from Persona Definition) — User context shapes copy, complexity, and emotional framing per screen.
• UJ-* entries (from User Journey Mapping) — Journey position determines each screen's emotional beat (uncertainty → clarity → confidence).
• DES-* entries (from Screen Flow Definition) — Shared components referenced in prompts for visual consistency.
• BR-* business rules — Constraints affecting visual layout (pricing tiers, role-based visibility, data rules).

Produces