auto-demo-producer
OfficialAuto-generate narrated web app demo videos.
Content & Communication#playwright#ffmpeg#narration#edge-tts#screencast#browser recording#video demo
Authoraiappsgbb
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill removes the time-consuming effort of manually scripting, recording, and editing narrated demo walkthroughs for web applications.
Core Features & Use Cases
- Narrated demo scripting: Converts a structured scene-based script into narration-aligned timelines.
- Automated browser recording: Drives headless Chromium with Playwright to capture the exact user flows for each scene.
- Video assembly pipeline: Uses ffmpeg to merge browser video with edge-tts narration into a polished MP4.
- Use case: Produce a professional 1–5 minute product demo for a customer or stakeholder from a single target URL and a short feature outline.
Quick Start
Ask the Skill to create a demo for your web app by providing the target URL and what you want shown, and specify a desired voice and duration.
Dependency Matrix
Required Modules
edge-ttsplaywrightffmpegpythonpip
Components
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: auto-demo-producer Download link: https://github.com/aiappsgbb/awesome-gbb/archive/main.zip#auto-demo-producer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.