Universal demo video creator for skills, agents, plugins, tutorials, CLI commands, and code walkthroughs. Generates scripts, storyboards, VHS terminal recordings, and Remotion video compositions with task-tracked production phases. Use when producing video showcases, marketing content, or terminal recordings.
Universal demo video creation for any content type.
Tool versions (2026-Q2): VHS >= 0.11, Remotion >= 4.0.448. VHS 0.11 added:
Waitkeyword — supersedesSleep Nwith a condition-based wait (Wait "prompt>"blocks until the given string appears). UseWaitoverSleepfor any prompt that can appear at variable times.ScrollUp N/ScrollDown N— explicit scroll steps inside a recorded session; useful for demonstrating TUI apps and longless-style output.Keep existing
Sleep Nonly for fixed visual pacing where no event is available.
/ork:demo-producer # Interactive mode - asks what to create
/ork:demo-producer skill explore # Create demo for a skill
/ork:demo-producer plugin ork # Create demo for a plugin
/ork:demo-producer tutorial "Building a REST API" # Custom tutorial
BEFORE doing ANYTHING else, create tasks to track progress:
# 1. Create main task IMMEDIATELY
TaskCreate(
subject="Demo Producer: {topic}",
description="Creating polished demo video for content showcase",
activeForm="Producing demo for {topic}"
)
# 2. Create subtasks for each production phase
TaskCreate(subject="Content analysis", activeForm="Analyzing content for demo")
TaskCreate(subject="Script & storyboard", activeForm="Generating script and storyboard")
TaskCreate(subject="Record & compose", activeForm="Recording terminal and composing video")
TaskCreate(subject="Final output", activeForm="Rendering final video outputs")
# 3. Set dependencies for sequential phases
TaskUpdate(taskId="3", addBlockedBy=["2"])
TaskUpdate(taskId="4", addBlockedBy=["3"])
TaskUpdate(taskId="5", addBlockedBy=["4"])
# 4. Before starting each task, verify it's unblocked
task = TaskGet(taskId="2") # Verify blockedBy is empty
# 5. Update status as you progress
TaskUpdate(taskId="2", status="in_progress") # When starting
TaskUpdate(taskId="2", status="completed") # When done
| Type | Source | Example |
|---|---|---|
skill | skills/{name}/SKILL.md | /ork:demo-producer skill commit |
agent | agents/{name}.md | /ork:demo-producer agent debug-investigator |
plugin | plugins/{name}/plugin.json | /ork:demo-producer plugin ork |
marketplace | Marketplace install flow | /ork:demo-producer marketplace ork |
tutorial | Custom description | /ork:demo-producer tutorial "Git workflow" |
cli | Any CLI tool | /ork:demo-producer cli "npm create vite" |
code | Code walkthrough | /ork:demo-producer code src/api/auth.ts |
When invoked without arguments, asks 4 questions:
What type of demo do you want to create?
○ Skill - OrchestKit skill showcase
○ Agent - AI agent demonstration
○ Plugin - Plugin installation/features
○ Tutorial - Custom coding tutorial
○ CLI Tool - Command-line tool demo
○ Code Walkthrough - Explain existing code
What format(s) do you need?
☑ Horizontal (16:9) - YouTube, Twitter
☑ Vertical (9:16) - TikTok, Reels, Shorts
☐ Square (1:1) - Instagram, LinkedIn
What style fits your content?
○ Quick Demo (6-10s) - Fast showcase, single feature
○ Standard Demo (15-25s) - Full workflow, multiple steps
○ Tutorial (30-60s) - Detailed explanation, code examples
○ Cinematic (60s+) - Story-driven, high polish
○ Scrapbook (15-35s) - Warm paper, fast cuts, social proof collage (Anthropic style)
Audio preferences?
○ Music Only - Subtle ambient background
○ Music + SFX - Background + success sounds
○ Silent - No audio
Load details:
Read("${CLAUDE_SKILL_DIR}/references/demo-pipeline.md")for the full pipeline diagram, generation commands, and output structure.
Content Detector -> Content Analyzer -> Script Generator -> Terminal Script -> VHS Recorder -> Remotion Composer -> Final Outputs (horizontal/vertical/square).
Four template architectures for different demo styles. Load Read("${CLAUDE_SKILL_DIR}/references/template-system.md") for detailed configuration and the SkillDemoConfig interface.
| Template | Use Case | Duration | Key Feature |
|---|---|---|---|
| TriTerminalRace | Complexity comparisons | 15-20s | 3-panel split, color-coded difficulty |
| ProgressiveZoom | Tutorials, walkthroughs | 20-30s | Zoom transitions, layered reveals |
| SplitThenMerge | Before/after, transformations | 15-25s | Split screen -> unified merge |
| ScrapbookDemo | Product launches, social proof | 15-35s | Warm paper aesthetic, fast cuts |
Content type templates (skill, agent, plugin, tutorial, cli, code) are mapped in Read("${CLAUDE_SKILL_DIR}/references/skill-category-mapping.md").
Load details:
Read("${CLAUDE_SKILL_DIR}/references/remotion-composition.md")for folder structure, adding new compositions, and format variant prefixes.
Compositions organized under Production/ by format (Landscape, Vertical, Square) and skill category.
Load details:
Read("${CLAUDE_SKILL_DIR}/references/terminal-simulation.md")for TypeScript patterns: pinned header + scrolling content, agent color palette, and task spinner animation.
Load details:
Read("${CLAUDE_SKILL_DIR}/rules/slop-avoidance.md")for text density rules, timing compression, common slop patterns, and hook styles.
Core rule: If content doesn't earn its screen time, cut it.
| Rule | Impact | What It Covers |
|---|---|---|
analyzer-patterns (load ${CLAUDE_SKILL_DIR}/rules/analyzer-patterns.md) | MEDIUM | Frontmatter parsing, phase detection, example extraction |
production-pipeline (load ${CLAUDE_SKILL_DIR}/rules/production-pipeline.md) | HIGH | Pre-production, storyboarding, recording, VHS, manim |
production-composition (load ${CLAUDE_SKILL_DIR}/rules/production-composition.md) | HIGH | Remotion composition, audio mixing, thumbnails, captions |
slop-avoidance (load ${CLAUDE_SKILL_DIR}/rules/slop-avoidance.md) | HIGH | Text density, timing compression, hook styles |
video-production: Full video production pipeline (recording, composition, audio, pacing)Load on demand with Read("${CLAUDE_SKILL_DIR}/references/<file>"):
| File | Content |
|---|---|
template-system.md | Template architecture and SkillDemoConfig interface |
content-types.md | Detailed content type specs |
format-selection.md | Platform requirements and multi-format support |
script-generation.md | Script templates and generation patterns |
demo-pipeline.md | Pipeline architecture, generation commands, output structure |
remotion-composition.md | Remotion folder structure and composition guide |
skill-category-mapping.md | Skill category mapping and content type templates |