# Quick Start **Your first 5 minutes with WDS** --- ## What You'll Do 1. Create a Trigger Map 2. Initialize a scenario 3. Sketch your first page 4. Generate specifications **Time: 5 minutes** --- ## Step 1: Start WDS ```bash npm start ``` Agent: "Welcome to Whiteport Design Studio! Ready to start?" --- ## Step 2: Create Trigger Map ``` You: "Let's create a Trigger Map for a dog walking app" Agent: "Great! Who is your primary target group?" You: "Parents who struggle with family dog care coordination" Agent: "What triggers their need?" You: "Family conflict over who walks the dog" Agent: "What outcome do they want?" You: "Accountability without nagging" ``` **✅ Trigger Map created** --- ## Step 3: Initialize Scenario ``` Agent: "What feature delivers the most value to parents?" You: "Family dog walk calendar" Agent: "Where do they first encounter this?" You: "Google search - frustrated with conflict" Agent: "What's the shortest path to mutual success?" You: "Landing → Sign up → Family setup → Calendar → First walk" ``` **✅ Scenario initialized** --- ## Step 4: Sketch First Page ``` Agent: "Let's start with the Landing page. Upload your sketch." You: [Upload sketch] Agent: "I see: Header, Hero section, How it works, Sign up CTA. Should I analyze these sections?" You: "Yes" ``` **✅ Sketch analyzed** --- ## Step 5: Generate Specifications ``` Agent: "Based on your Trigger Map: - Target: Parents (tired of nagging) - Trigger: Family conflict For the Hero section, I suggest: Headline: 'Stop Nagging. Start Harmony.' Does this address their frustration?" You: "Perfect!" ``` **✅ Specifications generated** --- ## What Just Happened? You created **conceptual specifications** in 5 minutes: - Connected to user psychology (Trigger Map) - Grounded in real context (Scenario Init) - Generated with AI assistance (Agent collaboration) - Preserved your thinking (Conceptual specs) --- ## Next Steps ### Learn the Concepts [Learn WDS Course](../learn/00-course-overview.md) - Deep dive into WDS methodology ### Start Your Project [Workflows Guide](../wds-workflows-guide.md) - Full workflow documentation ### Get Help [Community](https://discord.gg/whiteport) - Join the WDS community --- [← Back to Installation](installation.md) | [Next: Where to Go Next →](where-to-go-next.md)