Skip to content

Commit a45abc2

Browse files
author
Marvin Zhang
committed
feat: Add demo scripts and recording guide for AI-assisted workflow
- Created DEMO-FULL-LIFECYCLE.md to outline a complete workflow from spec creation to implementation. - Added DEMO-REAL-FEATURE.md showcasing the implementation of a real feature from the roadmap. - Introduced DEMO-SCRIPT.md as a production guide for creating demo assets. - Updated MARKETING.md with demo strategy and priorities for launch. - Added NEXT-STEPS-DEMO.md as a quick start guide for recording the demo.
1 parent 74f77ec commit a45abc2

File tree

6 files changed

+1496
-3
lines changed

6 files changed

+1496
-3
lines changed
Lines changed: 359 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,359 @@
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

Comments
 (0)