Terminal Demo Generator

Two approaches for terminal demo recordings:

Method	Best For	Authenticity
asciinema	Real CC sessions, actual output	⭐⭐⭐⭐⭐
VHS scripts	Controlled demos, reproducible	⭐⭐⭐

Quick Start

Real Session (Recommended)

# Record actual Claude Code session
asciinema rec --cols 120 --rows 35 -i 2 demo.cast

# Convert to MP4 via VHS
vhs << 'EOF'
Output demo.mp4
Set Width 1400
Set Height 800
Source demo.cast
EOF

Scripted Demo

# Generate script via demo-producer
./skills/demo-producer/scripts/generate.sh skill verify

# Record with VHS
vhs orchestkit-demos/tapes/sim-verify.tape

Recording Methods

1. Asciinema (Real Sessions)

Record actual Claude Code usage:

# Start recording
asciinema rec \
  --cols 120 \
  --rows 35 \
  --idle-time-limit 2 \
  session.cast

# Inside recording:
claude
> /verify
# ... real Claude output ...
> exit

See references/asciinema-recording.md for editing and conversion.

2. VHS Scripts (Controlled)

Pre-scripted terminal simulations:

Output demo.mp4
Set Shell "bash"
Set FontFamily "Menlo"
Set FontSize 16
Set Width 1400
Set Height 800
Set Theme "Dracula"
Set Framerate 30

Type "./demo-script.sh"
Enter
Sleep 15s

Claude Code CLI Patterns

Status Bar (CC 2.1.16+)

[Opus 4.6] ████████░░ 42% | ~/project git:(main) | ● 3m
✓ Bash ×3 | ✓ Read ×5 | ✓ Grep ×2 | ✓ Task ×∞
>> bypass permissions on (shift+Tab to cycle)

Task Management

◆ TaskCreate #1 "Analyze codebase"
◆ TaskCreate #2 "Security scan"
◆ TaskCreate #3 "Generate report" blockedBy: #1, #2
◆ TaskUpdate: #1, #2 → in_progress (PARALLEL)
✓ Task #1 completed
✓ Task #2 completed
◆ Task #3 unblocked (2/2 resolved)

Agent Spawning

⚡ Spawning 6 parallel agents via Task tool
  ▸ code-reviewer spawned
  ▸ security-auditor spawned
  ▸ test-generator spawned

Color Codes

P="\033[35m"  # Purple - skills, agents
C="\033[36m"  # Cyan - info, tasks
G="\033[32m"  # Green - success
Y="\033[33m"  # Yellow - warnings, progress
R="\033[31m"  # Red - errors
D="\033[90m"  # Gray - dim/secondary
B="\033[1m"   # Bold
N="\033[0m"   # Reset

Pipeline Integration

Terminal recordings feed into the full demo pipeline:

terminal-demo-generator     →  demo-producer  →  remotion-composer
(asciinema/VHS recording)      (orchestration)    (final composition)
                                    ↓
                            manim-visualizer
                            (animations)

Related Skills

• demo-producer: Full pipeline orchestration that uses terminal recordings
• remotion-composer: Combines terminal recordings with animations
• manim-visualizer: Animated diagrams that complement terminal demos
• video-pacing: Timing patterns for terminal output display

References

• references/asciinema-recording.md - Real session recording
• See demo-producer for full pipeline
• See remotion-composer for video composition