Automated Product Demo Video Builder
Script, record, narrate, and assemble a synced product demo MP4 or GIF from your running app using Playwright, edge-tts, and ffmpeg.
Before & after
Same prompt, same agent — the only difference is the skill.
I can help you create a demo video. You'd basically need to plan out what screens you want to show and in what order, then either record your screen or describe the visual flow. You might add some narration or background music to make it more engaging. You'd probably want to keep it moving fairly quickly so people don't get bored. You could add text overlays to highlight key steps. It would help to think about what the main point is you want to get across. You might shoot it multiple times to get it right, or edit different takes together. You should probably test it on a few people to make sure it makes sense. Would you like suggestions on pacing, narrative structure, or editing approaches?
DEMO VIDEO ORCHESTRATED SCRIPT OUTLINE (90 seconds = ~225 words) [0-3s] HOOK "Tired of complex onboarding? Watch how simple it really is." [3-25s] SCREEN 1: Home Screen Narration: "Start here. One button to get going." Visual: Zoom into CTA button, click animation [25-45s] SCREEN 2: Account Setup Narration: "Enter your basics. Takes 30 seconds." Visual: Form fields autofill, smooth transitions [45-65s] SCREEN 3: First Result Narration: "Your data appears instantly." Visual: Data loads, highlight key metric, show export option [65-90s] CTA + Closer Narration: "Ready to try it?" Visual: Sign-up button, company logo Display: "Free trial, no card required" PRODUCTION DETAILS → Screen recordings captured at 1080p minimum → Narration: AI voice or your recording (specify) → Background music: Upbeat, royalty-free (auto-selected) → Text overlays: Key action labels on each screen → Transitions: Smooth cross-fades, no jarring cuts → Pacing: Slightly faster on "boring" steps (forms), slower on "wow" moments OUTPUT FORMATS → MP4 (YouTube, web) → GIF (email, docs) → Square 1:1 (social feeds) DELIVERED: Ready to upload or embed.
About this skill
Your auto-generated demo looks like a bot ran it: the cursor is invisible, clicks teleport, the narration runs past the action, and the GIF is 40 MB of banded colors. This skill scripts the demo to a real word budget, records your running app so a human can follow it, and assembles narration and visuals so they land together.
What it does
- Turns "show the export feature in 30 seconds" into a scene table with timed narration that actually fits (about 2.5 spoken words per second)
- Writes Playwright capture scripts with a visible animated cursor, human-speed typing, in-browser zoom on the element being discussed, and scene timestamps for clean cuts
- Generates per-scene voiceover with edge-tts, measures each clip with ffprobe, and pads or trims each scene so nothing is rushed or silent
- Normalizes and encodes with ffmpeg: 1080p H.264 with faststart, loudness-normalized audio, burned-in or sidecar captions for muted autoplay
- Produces small, sharp GIFs with two-pass palette generation, and smooth Ken Burns zooms from static screenshots without zoompan jitter
- Flags premise problems early: scripts too long for the runtime, missing login state, real customer data on screen, unclear TTS licensing
What you get
A timed scene plan and narration script, followed by runnable capture, voiceover, and assembly commands (run step by step when the tools are available), ending in an MP4 and/or GIF.
Best for
Developers, indie founders, and dev-rel or product folks who need repeatable feature demos, release-note clips, onboarding walkthroughs, or README GIFs without opening a video editor.
SKILL.md preview
---
name: automated-product-demo-video-builder
… (sign up to view the full skill)More development skills
View all Development skills →Performance Bottleneck Profiling: Node, Python, Go
Classifies a slowdown, gives exact profiler commands, reads the output, and proves the fix with same-conditions p95/p99 numbers.
Feature Scaffolding with Working Tests
Turn a short feature spec into code, runnable tests, and integration wiring that match your existing project.
Feature Flag Rollouts and Kill Switches
Design staged flag rollouts, verify rollback paths, and audit flag debt with explicit defaults, gates, and retirement plans.
Microcontroller Firmware and RTOS Engineering
Build and debug MCU firmware with bounded ISR/RTOS timing, safe DMA ownership, and measured power budgets.