138 lines
3.0 KiB
Markdown
138 lines
3.0 KiB
Markdown
# Loki Mode Demo
|
|
|
|
Video demonstration of Loki Mode - Multi-agent autonomous startup system.
|
|
|
|
## Quick Start
|
|
|
|
```bash
|
|
# Full end-to-end demo with screen recording (RECOMMENDED)
|
|
./demo/record-full-demo.sh simple-todo
|
|
|
|
# Or run the simulated terminal demo
|
|
./demo/run-demo-auto.sh
|
|
```
|
|
|
|
## Full End-to-End Demo
|
|
|
|
The `record-full-demo.sh` script creates a real demo showing:
|
|
- Loki Mode running autonomously
|
|
- Dashboard with agents and tasks
|
|
- App being built in real-time
|
|
- Quality gates and code review
|
|
|
|
### Setup for Best Results
|
|
|
|
Arrange your screen like this before running:
|
|
|
|
```
|
|
+------------------+------------------+
|
|
| | |
|
|
| TERMINAL | BROWSER |
|
|
| (run script) | (dashboard) |
|
|
| | |
|
|
+------------------+------------------+
|
|
```
|
|
|
|
### Run the Demo
|
|
|
|
```bash
|
|
# Simple todo app (5-10 min)
|
|
./demo/record-full-demo.sh simple-todo
|
|
|
|
# Static landing page (3-5 min)
|
|
./demo/record-full-demo.sh static-landing
|
|
|
|
# Full-stack app (15-30 min)
|
|
./demo/record-full-demo.sh full-stack
|
|
```
|
|
|
|
The dashboard opens at: http://127.0.0.1:57374/dashboard/index.html
|
|
|
|
## Demo Contents
|
|
|
|
| File | Purpose |
|
|
|------|---------|
|
|
| `run-demo.sh` | Interactive demo script |
|
|
| `record-demo.sh` | Records demo with asciinema |
|
|
| `voice-over-script.md` | Narration script for video |
|
|
| `vhs-tape.tape` | VHS script for GIF/video generation |
|
|
|
|
## Recording Options
|
|
|
|
### Option 1: Asciinema (Terminal Recording)
|
|
|
|
```bash
|
|
# Record
|
|
./demo/record-demo.sh
|
|
|
|
# Play back
|
|
asciinema play demo/recordings/loki-demo.cast
|
|
|
|
# Upload to asciinema.org
|
|
asciinema upload demo/recordings/loki-demo.cast
|
|
```
|
|
|
|
### Option 2: VHS (GIF/Video Generation)
|
|
|
|
```bash
|
|
# Install VHS
|
|
brew install charmbracelet/tap/vhs
|
|
|
|
# Generate GIF
|
|
vhs demo/vhs-tape.tape
|
|
|
|
# Output: demo/loki-demo.gif
|
|
```
|
|
|
|
### Option 3: Screen Recording
|
|
|
|
1. Open terminal and run `./demo/run-demo.sh`
|
|
2. Use QuickTime or OBS to screen record
|
|
3. Add voice-over using `voice-over-script.md`
|
|
|
|
## Voice-Over Recording
|
|
|
|
See `voice-over-script.md` for the complete narration script with timestamps.
|
|
|
|
### Tips for Voice Recording
|
|
|
|
1. Read through the script first
|
|
2. Match your narration to the terminal actions
|
|
3. Keep energy up but professional
|
|
4. Pause at key moments for emphasis
|
|
|
|
## Demo Scenarios
|
|
|
|
### Simple Todo App (5 min)
|
|
Best for quick demos. Shows core Loki Mode workflow.
|
|
|
|
```bash
|
|
./demo/run-demo.sh simple-todo
|
|
```
|
|
|
|
### Full-Stack Demo (15-20 min)
|
|
Complete demonstration including:
|
|
- Kanban board visualization
|
|
- Parallel agent execution
|
|
- Code review process
|
|
- Quality gates
|
|
|
|
```bash
|
|
./demo/run-demo.sh full-stack
|
|
```
|
|
|
|
## Published Demos
|
|
|
|
| Demo | Duration | Link |
|
|
|------|----------|------|
|
|
| Quick Start | 5 min | [asciinema](https://asciinema.org/a/loki-quick-start) |
|
|
| Full Demo | 15 min | [YouTube](https://youtube.com/watch?v=loki-demo) |
|
|
|
|
## Creating Final Video
|
|
|
|
1. Record terminal with asciinema or screen recording
|
|
2. Record voice-over separately (cleaner audio)
|
|
3. Combine in video editor (iMovie, DaVinci Resolve)
|
|
4. Add intro/outro cards
|
|
5. Export as MP4
|