4.9 KiB
Step 0.1: Welcome & Orientation
PRESENT WDS INTRODUCTION
**Welcome to Whiteport Design Studio (WDS)**WDS is a design methodology that helps you create great digital products through structured workflows.
What WDS Does
For NEW products (Greenfield):
- Phase 1: Define your vision (Project Brief)
- Phase 2: Understand your users (Trigger Mapping)
- Phase 3: Specify features (PRD Platform)
- Phase 4: Design the experience (UX Design)
- Phase 5: Build consistency (Design System)
- Phase 6: Hand off to developers (Design Deliveries)
- Phase 7: Validate quality (Testing)
For EXISTING products (Brownfield):
- Phase 8: Strategic improvements (Kaizen approach)
- Limited Brief (document what exists)
- Focused improvements (not complete redesigns)
- Continuous iteration cycles
What WDS is NOT
- Not a code framework
- Not a UI library
- Not a one-size-fits-all template
WDS is a thinking framework with templates to guide your design decisions.
The Agents
Three specialized agents help you:
| Agent | Domain | Specialty |
|---|---|---|
| Saga | Strategy | Project Briefs, user research, requirements |
| Freya | Design | UX/UI, wireframes, specifications, prototypes |
| Idunn | Technical | Architecture, APIs, implementation specs |
You're currently working with one of these agents.
ASK PROJECT TYPE
**What type of project is this?**Understanding your starting point ensures you follow the right workflow.
[A] NEW Product (Greenfield)
You're building something from scratch:
- No existing codebase (or starting fresh)
- Defining the product vision
- Designing before coding
→ Leads to Phase 1: Project Brief
[B] EXISTING Product (Brownfield)
You're improving something that exists:
- Working codebase already built
- Want to add features or fix issues
- Improving, not rebuilding
→ Leads to Phase 8: Existing Product Entry
[C] NOT SURE
You have some code but unsure of the approach:
- Partial implementation exists
- Unclear if you should continue or restart
- Need help deciding
→ We'll analyze your project together
Your choice (A, B, or C):
ROUTING
Based on user response:If [A] NEW Product:
- Confirm: "Great! You'll follow Phases 1-7 to build your product."
- Continue to:
step-0.2-structure.md(setup greenfield structure) - Then route to: Phase 1 Project Brief
If [B] EXISTING Product:
- Confirm: "Perfect! You'll use Phase 8 with the Kaizen approach."
- Continue to:
step-0.2-structure.md(setup brownfield structure) - Then route to: Phase 8.1 Identify Opportunity
If [C] NOT SURE:
- Ask: "Let me scan your project to understand what exists."
- Scan for:
src/orapp/folders with codepackage.jsonwith dependencies- Existing documentation
- Based on scan:
- Significant code exists → Recommend [B] Brownfield
- Minimal/no code → Recommend [A] Greenfield
- Ask user to confirm recommendation
EXAMPLES
Example: User chooses [A] NEW
User: A
Agent: Great! You're building a new product from scratch.
You'll follow the Greenfield workflow:
├─ Phase 1: Project Brief (define vision)
├─ Phase 2: Trigger Mapping (understand users)
├─ Phase 3: PRD Platform (specify features)
├─ Phase 4: UX Design (design experience)
├─ Phase 5: Design System (build consistency)
├─ Phase 6: Design Deliveries (hand off)
└─ Phase 7: Testing (validate quality)
Let's set up your project structure first...
Example: User chooses [B] EXISTING
User: B
Agent: Perfect! You're improving an existing product.
You'll use the Brownfield workflow (Phase 8):
├─ Create Limited Brief (document what exists)
├─ Identify improvement opportunities
├─ Design focused updates (not complete redesigns)
├─ Implement incrementally (Kaizen approach)
└─ Monitor and iterate
This approach respects your existing codebase while
making strategic improvements.
Let's set up your project structure...
Example: User chooses [C] NOT SURE
User: C
Agent: No problem! Let me scan your project...
Scanning...
├─ Found: src/ with 45 component files
├─ Found: package.json (React, TypeScript)
├─ Found: Functional authentication flow
├─ Found: Database integration (Supabase)
└─ No WDS documentation found
Analysis: You have a substantial existing codebase.
Recommendation: Use the BROWNFIELD workflow (Phase 8)
- Document what exists with a Limited Brief
- Identify specific improvements to make
- Use Kaizen approach for incremental changes
This preserves your work while adding WDS methodology.
Does this recommendation sound right? (Y/N)
COMPLETION
Project type confirmed: [Greenfield/Brownfield]Next: Set up your project structure.
[Continue to Step 0.2: Project Structure]
Phase 0: Project Setup — Step 0.1: Welcome & Orientation