Showreel
The demo-video skill for coding agents
Repo in. Film out. Your agent scripts, records, captions, and mixes a launch film from the product's own components — not a screen capture, not a slideshow of screenshots.
Problem
Agencies charge $5,000–$15,000 for a 60-second product demo. Screen recordings stutter, screenshot slideshows feel fake, and most launch films never touch the actual product.
Approach
Showreel is an agent skill plus the full manual. One install (`npx skills add`) and a single prompt: the agent runs an eight-step pipeline — script, standalone UI, composition, frame-by-frame record, captions, sound, music, assemble — and only stops for script approval, voiceover audio, and the music file. Films are recorded from the product's own components, tokens, and assets.
What shipped
- Live playbook at anshgrover23.github.io/product-demo-playbook — skill, templates, and the full manual
- Install once for Claude Code, Cursor, Codex, Gemini CLI, Copilot, Windsurf, OpenCode, and Goose
- Four reference films from one pipeline: Vouch, Excalidraw, Asakiri Studio, Colosseum
- Deterministic record rig: Node + Playwright + ffmpeg — never a live screen capture
- Templates for record.mjs, mix-audio.mjs, voiceover retiming, and a 10-cue sound score
Stack
Node.js
Playwrightffmpeg
React
HTMLElevenLabs