# Crewly 3-Agent 5-Minute Demo Script

**Scenario**: Build a modern, responsive "Product Launch" Landing Page from a single prompt.
**Agents**: PM (Mia), Dev (Sam), Reviewer (Iris).

---

## Phase 1: Initiation (0:00 - 0:45)
1. **User Prompt**: "I need a landing page for my new AI-powered task manager called 'TaskAI'. It should have a hero section, feature list, pricing, and a CTA. Use a dark theme with indigo accents."
2. **Dashboard Visual**: Show the Orchestrator receiving the message.
3. **PM Action**: Mia analyzes the prompt and creates a task breakdown in the chat.
4. **Wow Moment**: The PM automatically delegates the "Implementation" task to Sam. The audience sees the task appear on Sam's status in the dashboard.

## Phase 2: Live Terminal Coding (0:45 - 3:00)
1. **Dev Action**: Sam starts implementing the page.
2. **Visual Focus**: **Switch to Sam's Live Terminal**.
3. **Wow Moment**: The audience sees Sam (Claude Code) rapidly writing HTML/Tailwind CSS. The terminal is "alive" with `cat`, `write`, and `ls` commands.
4. **Dashboard**: Sam's status changes to "Implementing UI". The budget tracker (tokens) starts moving.

## Phase 3: Handoff & Review (3:00 - 4:00)
1. **Dev Action**: Sam finishes `index.html` and sends a message: "Mia, I've finished the implementation. Iris, please review."
2. **Reviewer Action**: Iris begins the review.
3. **Visual Focus**: Dashboard shows Iris's status changing to "Reviewing Code".
4. **Wow Moment**: Iris provides specific feedback on the contrast ratio of the indigo button or suggests a minor copy fix in the terminal/chat.

## Phase 4: Final Polish (4:00 - 4:45)
1. **Dev Action**: Sam applies the fix (if any).
2. **Reviewer Action**: Iris marks the task as **Approved**.
3. **Dashboard**: The task status moves from "In Progress" to "Completed".

## Phase 5: Result (4:45 - 5:00)
1. **User Action**: The Orchestrator (Mia) provides the link/path to the `index.html`.
2. **Visual Focus**: Open the generated `index.html` in a browser to show the result.
3. **Conclusion**: Summary of total time, cost (tokens), and agent interactions.

---

## Visual Cues for Presenter
- **Dashboard**: Keep it on a large screen to show state changes (Idle -> Working -> Done).
- **Terminal**: Use a split view or switch focus to the Developer's terminal during Phase 2 to show the "Vibe" of the agents working.
- **Budget**: Point out the real-time token/cost calculation as a "Control" feature for SMB owners.
