prd-v04-screen-flow-definition
CommunityTurn user journeys into actionable screen flows.
Authormattgierhart
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Screen Flow Definition translates user journeys and product requirements into a concrete screen inventory, navigation map, and design-system references, accelerating PRD validation and handoff.
Core Features & Use Cases
- Convert UJ- (User Journey) and FEA- (Feature Value) inputs into a screen inventory with defined screen types (Page, Modal, Panel, Component) and associated navigation.
- Map features to screens (many-to-many) and define a coherent navigation structure that supports hub-and-spoke, linear, hierarchical, or flat patterns.
- Generate SCR- entries for screens and DES- entries for design-system components, ensuring traceability to journeys and features.
- Identify shared components and plan their reuse across screens; create Design System entries in DES-.
- Produce end-to-end documentation that supports Red Team reviews and PRD lifecycle steps.
Quick Start
Pull UJ- and FEA- inputs from prior steps and generate SCR- and DES- entries that map screens, navigation, and design-system elements.
Dependency Matrix
Required Modules
None requiredComponents
assetsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: prd-v04-screen-flow-definition Download link: https://github.com/mattgierhart/PRD-driven-context-engineering/archive/main.zip#prd-v04-screen-flow-definition Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.