3.5 KiB

Raw Blame History

Step 4E: PRD Update

Extract functional requirements discovered during design and add them to the PRD

Why This Step Matters

Time to capture what we learned!

Every page reveals concrete requirements:

"This form needs email validation"
"We need a GET endpoint for availability"
"Users need to upload images here"

Capturing these while the page is fresh ensures nothing is forgotten. The PRD becomes a complete feature inventory with traceability to the pages that need each feature. 📋

Requirement Extraction

Let's identify the functional requirements this page revealed.

Think about:

API endpoints needed
Data validation rules
File upload/storage
Authentication/authorization
External integrations
Business logic
Performance requirements

What functionality does this page require from the backend/platform?

For each requirement: Requirement: {{requirement_name}}

What does it do?
Why is it needed?
Any specific constraints or rules?

Document requirement details

PRD Integration

I'll add these requirements to your PRD.

Each requirement will include:

Clear description
Reference to this page (e.g., "Required by: 2.1-Dog-Calendar")
Any technical notes discovered during design

Read existing PRD from {output_folder}/D-PRD/PRD.md

Generate PRD update:

## Functional Requirements

### {{requirement_name}}

**Required by:** {{page_reference}}

- {{requirement_description}}
- {{constraints}}
- {{technical_notes}}

[Add to appropriate section of PRD]

Update PRD file with new requirements Maintain traceability: page → requirement

✅ PRD updated!

Added {{requirement_count}} requirements: {{#each requirement}}

{{requirement_name}} (required by {{page_reference}}) {{/each}}

PRD Location: D-PRD/PRD.md

Your PRD is growing incrementally with every page you design. This creates complete traceability from design to requirements. 🎯

Page Complete

Page "{page_name}" is complete! 🎉

Created:

✅ Specification: C-Scenarios/{scenario}/{page}/{page}.md
✅ Prototype: C-Scenarios/{scenario}/{page}/Prototype/
✅ PRD Requirements: Added to D-PRD/PRD.md

Your page is development-ready with:

Complete Object ID mapping
All states and interactions documented
Multilingual content specified
Interactive prototype for validation
Functional requirements captured

Time to celebrate! ✨

What's next?

Design next page - Continue with the next page in this scenario
New scenario - Start a different user journey
Review progress - See what's been designed
Take a break - Save and continue later

Choice [1/2/3/4]:

Move to next page in scenario Return to Step 3 (design pages iteratively) Return to Step 2 (define new scenario) List all completed scenarios and pages Show PRD requirement count Return to this menu Great design session, {user_name}! All your work is saved. Resume anytime with "continue scenario". 🎨 Save progress

Step 4E Complete - Page fully designed and specified!

3.5 KiB Raw Blame History