|
| 1 | +# AI-Assisted Demo Script |
| 2 | + |
| 3 | +## Overview |
| 4 | + |
| 5 | +Showcase LeanSpec's **killer feature**: AI agents working with specs naturally through MCP integration. |
| 6 | + |
| 7 | +**Core Message:** *"Specs that AI agents can read, write, and reason about—automatically."* |
| 8 | + |
| 9 | +**Duration:** 3-5 minutes |
| 10 | +**Format:** Split-screen (AI chat + terminal) |
| 11 | +**Recording:** OBS Studio / Loom with split view |
| 12 | + |
| 13 | +--- |
| 14 | + |
| 15 | +## Screen Layout |
| 16 | + |
| 17 | +``` |
| 18 | +┌─────────────────────────────────────────────────────────┐ |
| 19 | +│ AI Chat (Claude / Copilot) │ Terminal + Editor │ |
| 20 | +│ 60% width │ 40% width │ |
| 21 | +│ │ │ |
| 22 | +│ Show natural conversation │ Show real-time │ |
| 23 | +│ with MCP tool calls visible │ file changes │ |
| 24 | +└─────────────────────────────────────────────────────────┘ |
| 25 | +``` |
| 26 | + |
| 27 | +--- |
| 28 | + |
| 29 | +## Full Script |
| 30 | + |
| 31 | +### SCENE 1: Setup & Discovery (45 seconds) |
| 32 | + |
| 33 | +**[Terminal - Right side]** |
| 34 | +```bash |
| 35 | +# Show clean terminal |
| 36 | +cd ~/demo-project |
| 37 | +npm install --save-dev lean-spec |
| 38 | +npx lean-spec init # Choose "minimal" |
| 39 | +``` |
| 40 | + |
| 41 | +**[AI Chat - Left side]** |
| 42 | +``` |
| 43 | +Human: "What specs exist in this project?" |
| 44 | +
|
| 45 | +AI: [Uses MCP tool: list] |
| 46 | + "The project currently has no specs. The specs/ directory |
| 47 | + is initialized and ready. Would you like to create one?" |
| 48 | +``` |
| 49 | + |
| 50 | +**Key Point:** AI has instant awareness of project state through MCP |
| 51 | + |
| 52 | +--- |
| 53 | + |
| 54 | +### SCENE 2: Create Spec Through Conversation (90 seconds) |
| 55 | + |
| 56 | +**[AI Chat]** |
| 57 | +``` |
| 58 | +Human: "We need user authentication. Create a spec for JWT-based auth |
| 59 | + with bcrypt password hashing and rate limiting." |
| 60 | +
|
| 61 | +AI: [Uses MCP: create("user-authentication")] |
| 62 | + "I've created spec 001-user-authentication. |
| 63 | + Let me draft the content following LeanSpec principles..." |
| 64 | + |
| 65 | + [Uses MCP: view("user-authentication")] |
| 66 | + [AI edits the spec file directly] |
| 67 | + |
| 68 | + "I've added: |
| 69 | + |
| 70 | + **Problem**: No authentication, unprotected endpoints |
| 71 | + |
| 72 | + **Solution**: |
| 73 | + - JWT tokens (24hr expiry) |
| 74 | + - bcrypt hashing (10 rounds minimum) |
| 75 | + - Rate limiting (5 attempts/min per IP) |
| 76 | + |
| 77 | + **Success Criteria**: |
| 78 | + - [ ] Users can register with email/password |
| 79 | + - [ ] Login returns valid JWT token |
| 80 | + - [ ] Protected endpoints require valid token |
| 81 | + - [ ] Rate limit blocks brute force attacks |
| 82 | + |
| 83 | + The spec is under 200 lines and ready for review." |
| 84 | +``` |
| 85 | + |
| 86 | +**[Terminal/Editor - Right side]** |
| 87 | +- Show `specs/001-user-authentication/README.md` appearing |
| 88 | +- Show content being written in real-time |
| 89 | +- Highlight the clean frontmatter structure |
| 90 | + |
| 91 | +**Key Point:** AI drafts complete, actionable spec in seconds |
| 92 | + |
| 93 | +--- |
| 94 | + |
| 95 | +### SCENE 3: Semantic Search & Memory (60 seconds) |
| 96 | + |
| 97 | +**[AI Chat]** |
| 98 | +``` |
| 99 | +Human: "What did we decide about password security?" |
| 100 | +
|
| 101 | +AI: [Uses MCP: search("password security")] |
| 102 | + [Uses MCP: view("001-user-authentication")] |
| 103 | + |
| 104 | + "Per spec 001-user-authentication: |
| 105 | + - Passwords must be hashed with bcrypt |
| 106 | + - Minimum 10 rounds (computationally expensive to crack) |
| 107 | + - Never store plaintext passwords |
| 108 | + - Rate limiting prevents brute force (5 attempts/min)" |
| 109 | +``` |
| 110 | + |
| 111 | +**Key Point:** AI has semantic memory—no need to reference file paths |
| 112 | + |
| 113 | +--- |
| 114 | + |
| 115 | +### SCENE 4: Update Status & Track Progress (45 seconds) |
| 116 | + |
| 117 | +**[AI Chat]** |
| 118 | +``` |
| 119 | +Human: "I'm starting work on the auth spec. Update its status." |
| 120 | +
|
| 121 | +AI: [Uses MCP: update("user-authentication", status="in-progress")] |
| 122 | + "Spec 001 status updated to 'in-progress'. |
| 123 | + Transition logged at 2025-11-10T18:30:00Z" |
| 124 | + |
| 125 | +Human: "Show me the project board" |
| 126 | +
|
| 127 | +AI: [Uses MCP: board()] |
| 128 | + "Project Board: |
| 129 | + |
| 130 | + 📅 Planned (0) |
| 131 | + ⏳ In Progress (1) |
| 132 | + - 001-user-authentication [in-progress] |
| 133 | + ✅ Complete (0) |
| 134 | + |
| 135 | + Project Completion: 0% (0/1 complete)" |
| 136 | +``` |
| 137 | + |
| 138 | +**[Terminal - Right side]** |
| 139 | +```bash |
| 140 | +# Verify in terminal |
| 141 | +npx lean-spec board |
| 142 | +# Shows same Kanban view |
| 143 | +``` |
| 144 | + |
| 145 | +**Key Point:** AI tracks project state automatically |
| 146 | + |
| 147 | +--- |
| 148 | + |
| 149 | +### SCENE 5: Validation & Quality Gates (45 seconds) |
| 150 | + |
| 151 | +**[AI Chat]** |
| 152 | +``` |
| 153 | +Human: "I added a lot of content to the spec. Is it getting too complex?" |
| 154 | +
|
| 155 | +AI: [Uses MCP: validate()] |
| 156 | + "Validation Results: |
| 157 | + |
| 158 | + ✅ 001-user-authentication: 187 lines (healthy) |
| 159 | + |
| 160 | + All specs pass validation. Your spec is well-scoped and |
| 161 | + under the 300-line warning threshold. No issues detected." |
| 162 | +``` |
| 163 | + |
| 164 | +**[Simulate adding too much content]** |
| 165 | + |
| 166 | +``` |
| 167 | +Human: "What if I add 300 more lines of implementation details?" |
| 168 | +
|
| 169 | +AI: [Uses MCP: validate()] |
| 170 | + "⚠️ Validation Warnings: |
| 171 | + |
| 172 | + 001-user-authentication: 487 lines (warning: exceeds 400) |
| 173 | + |
| 174 | + Recommendation: This spec exceeds the Context Economy threshold. |
| 175 | + Consider splitting into sub-specs: |
| 176 | + - README.md (overview) |
| 177 | + - DESIGN.md (detailed architecture) |
| 178 | + - IMPLEMENTATION.md (step-by-step plan)" |
| 179 | +``` |
| 180 | + |
| 181 | +**Key Point:** AI enforces first principles automatically |
| 182 | + |
| 183 | +--- |
| 184 | + |
| 185 | +### SCENE 6: Wrap-Up (30 seconds) |
| 186 | + |
| 187 | +**[AI Chat]** |
| 188 | +``` |
| 189 | +Human: "Show me all available commands" |
| 190 | +
|
| 191 | +AI: [Uses MCP: help or lists tools] |
| 192 | + "I can help you with these spec operations: |
| 193 | + |
| 194 | + **Discovery**: list, search, board, stats, deps |
| 195 | + **Viewing**: view (formatted/raw/json), files |
| 196 | + **Management**: create, update, archive |
| 197 | + **Quality**: validate, check |
| 198 | + |
| 199 | + All through natural conversation—no need to remember CLI syntax." |
| 200 | +``` |
| 201 | + |
| 202 | +**[Voiceover or text overlay]** |
| 203 | +``` |
| 204 | +"LeanSpec + MCP: Specs that AI agents understand natively. |
| 205 | +
|
| 206 | +- Natural conversation interface |
| 207 | +- Semantic memory across sessions |
| 208 | +- Automatic validation and quality gates |
| 209 | +- Zero-friction collaboration |
| 210 | +
|
| 211 | +Get started: npm install lean-spec" |
| 212 | +``` |
| 213 | + |
| 214 | +--- |
| 215 | + |
| 216 | +## Key Visual Moments (For Editing) |
| 217 | + |
| 218 | +1. **0:15** - MCP tool call appears (highlight with subtle animation) |
| 219 | +2. **1:30** - Spec file appears in editor in real-time |
| 220 | +3. **2:15** - Search finding spec by concept, not filename |
| 221 | +4. **3:00** - Status update reflected in board instantly |
| 222 | +5. **3:45** - Validation warning catching complexity |
| 223 | + |
| 224 | +--- |
| 225 | + |
| 226 | +## Voiceover Script (Complete) |
| 227 | + |
| 228 | +``` |
| 229 | +[0:00 - INTRO] |
| 230 | +"LeanSpec is a spec methodology designed for AI-powered development. |
| 231 | +But here's what makes it different: specs that AI agents can read, |
| 232 | +write, and manage—automatically. |
| 233 | +
|
| 234 | +[0:15 - SETUP] |
| 235 | +Let me show you. I'll start by installing LeanSpec and asking |
| 236 | +my AI assistant what specs exist in the project. |
| 237 | +
|
| 238 | +Notice: The AI uses the Model Context Protocol to query LeanSpec |
| 239 | +directly. No manual file references needed. |
| 240 | +
|
| 241 | +[0:45 - CREATE] |
| 242 | +Now I'll ask the AI to create a spec for user authentication. |
| 243 | +Watch what happens. |
| 244 | +
|
| 245 | +The AI creates the spec, understands the requirements, and drafts |
| 246 | +complete content—all in natural language. Problem, solution, success |
| 247 | +criteria. Clean, actionable, under 200 lines. |
| 248 | +
|
| 249 | +[2:00 - SEMANTIC SEARCH] |
| 250 | +Days later, I can ask: 'What did we decide about password security?' |
| 251 | +
|
| 252 | +The AI searches specs semantically, retrieves the authentication spec, |
| 253 | +and gives me the exact details. This works across sessions— |
| 254 | +the AI remembers project decisions through specs. |
| 255 | +
|
| 256 | +[2:45 - STATUS TRACKING] |
| 257 | +When I start work, I just say: 'Update the auth spec to in-progress.' |
| 258 | +
|
| 259 | +The AI updates the status and can show me the project board instantly. |
| 260 | +All without leaving the conversation. |
| 261 | +
|
| 262 | +[3:30 - VALIDATION] |
| 263 | +Here's where it gets smart. If I add too much content, |
| 264 | +the AI warns me—using LeanSpec's validation rules. |
| 265 | +
|
| 266 | +It enforces the first principle: Context Economy. |
| 267 | +Specs must fit in working memory, or they're split automatically. |
| 268 | +
|
| 269 | +[4:15 - WRAP UP] |
| 270 | +This is LeanSpec with MCP: specs as semantic memory for AI agents. |
| 271 | +
|
| 272 | +Natural conversation. Zero manual file management. Built-in quality gates. |
| 273 | +Perfect for human-AI collaboration. |
| 274 | +
|
| 275 | +Try it yourself: npm install lean-spec" |
| 276 | +``` |
| 277 | + |
| 278 | +--- |
| 279 | + |
| 280 | +## Recording Checklist |
| 281 | + |
| 282 | +### Pre-Recording |
| 283 | +- [ ] Clean terminal (no history, simple prompt) |
| 284 | +- [ ] Fresh project directory (`demo-project`) |
| 285 | +- [ ] AI tool configured (MCP server ready) |
| 286 | +- [ ] VS Code with simple theme (high contrast) |
| 287 | +- [ ] Screen recording software set to split view |
| 288 | +- [ ] Test MCP integration (verify tools work) |
| 289 | +- [ ] Prepare "overflow content" file for validation demo |
| 290 | + |
| 291 | +### During Recording |
| 292 | +- [ ] Slow down typing in chat (readable) |
| 293 | +- [ ] Pause 2-3 seconds after each AI response |
| 294 | +- [ ] Show MCP tool calls (if visible in UI) |
| 295 | +- [ ] Highlight key moments (spec file appearing, validation warnings) |
| 296 | +- [ ] Keep consistent pacing (not too fast) |
| 297 | + |
| 298 | +### Post-Production |
| 299 | +- [ ] Add subtle highlights for MCP tool calls |
| 300 | +- [ ] Zoom in on key text (validation warnings, spec content) |
| 301 | +- [ ] Add captions for key takeaways |
| 302 | +- [ ] Trim any dead air or mistakes |
| 303 | +- [ ] Add outro with installation command + website |
| 304 | + |
| 305 | +--- |
| 306 | + |
| 307 | +## Distribution |
| 308 | + |
| 309 | +### Primary |
| 310 | +- [ ] YouTube (unlisted for now, public at launch) |
| 311 | +- [ ] Embedded in README.md "Quick Demo" section |
| 312 | +- [ ] Docs site homepage (hero section) |
| 313 | +- [ ] Product Hunt submission (video) |
| 314 | + |
| 315 | +### Secondary |
| 316 | +- [ ] Twitter/X (15-30s teaser + link) |
| 317 | +- [ ] LinkedIn (professional audience) |
| 318 | +- [ ] Hacker News Show HN (link to full video) |
| 319 | +- [ ] Dev.to / Hashnode article embedding |
| 320 | + |
| 321 | +--- |
| 322 | + |
| 323 | +## Alternative: Recorded Terminal Session (Backup) |
| 324 | + |
| 325 | +If split-screen recording is complex, fall back to terminal-only demo with visible MCP output: |
| 326 | + |
| 327 | +```bash |
| 328 | +# Install |
| 329 | +npm install -g lean-spec |
| 330 | +lean-spec init |
| 331 | + |
| 332 | +# Show AI interaction via terminal (Claude CLI or similar) |
| 333 | +echo "Pretend this is AI chat, show the same workflow" |
| 334 | + |
| 335 | +# Manually run commands to show what AI would do via MCP |
| 336 | +lean-spec list |
| 337 | +lean-spec create user-authentication |
| 338 | +lean-spec view user-authentication |
| 339 | +lean-spec update user-authentication --status in-progress |
| 340 | +lean-spec board |
| 341 | +lean-spec validate |
| 342 | +``` |
| 343 | + |
| 344 | +This loses the "natural conversation" magic but still shows the workflow. |
| 345 | + |
| 346 | +--- |
| 347 | + |
| 348 | +## Success Metrics |
| 349 | + |
| 350 | +**Demo is successful if viewers understand:** |
| 351 | +1. ✅ AI can manage specs through conversation (no CLI needed) |
| 352 | +2. ✅ Specs persist as semantic memory across sessions |
| 353 | +3. ✅ Validation enforces quality automatically |
| 354 | +4. ✅ MCP enables zero-friction AI collaboration |
| 355 | + |
| 356 | +**Failure signs:** |
| 357 | +- ❌ Looks like "just another CLI tool" |
| 358 | +- ❌ MCP integration not clear |
| 359 | +- ❌ Seems like gimmick, not real workflow |
0 commit comments