Agent skill · creative production · jeremylongshore
demo-video
Generate polished demo videos from a single prompt. Use when the user
Why this skill is useful
Adds a structured workflow for generating demo videos using Playwright, FFmpeg, and Edge TTS that the AI wouldn't reliably generate on its own.
What it needs
Requires ffmpeg, python, uv installed locally. About 2k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
Demo Video Generator Overview Generate 1920x1080 demo videos with voiceover, transitions, and CSS animations from a single prompt. Orchestrates Playwright (HTML-to-frame rendering), FFmpeg (compositing and transitions), and Edge TTS (neural voiceover) MCP servers. Prerequisites Python 3.11+ and uv package manager FFmpeg installed (ffmpeg -version) Playwright chromium browser (uv run playwright install chromium) Internet connection for Edge TTS voice synthesis Instructions Install the framecraft plugin from the marketplace: Quick Start MCP Orchestration When Playwright, FFmpeg, and Edge TTS MCP servers are available, framecraft orchestrates them directly for maximum control over each frame and audio segment. Pipeline Fallback When MCP servers are not available, framecraft runs an atomic CLI pipeline that handles everything in one call. Workflow 1. Story design -- Choose a narrative arc (problem-solution, hero journey, before-after) 2. Scene authoring -- Write HTML scenes with CSS animations, or use built-in templates 3. Rendering -- Playwright captures frames, Edge TTS generates voiceover, FFmpeg composites Output 1920x1080 MP4 video with voiceover and transitions Individual scene previews for iteration Validation report for quality assurance Error Handling Error Cause Fix ------- ------- ----- ffmpeg: command not found FFmpeg not installed Install via brew install ffmpeg or system package manager playwright.impl.errors.Error Chromium not installed Run uv run playwright install chromium edgetts.exceptions.NoAudioReceived TTS service unavailable Check internet connection; retry after a few seconds FileNotFoundError: scenes.json Missing scene config Run uv run python framecraft.py init my-demo first Blank or black frames HTML scene rendering failed Check HTML syntax and ensure assets are accessible Examples duration: 0 = auto-detect from TTS length + 1.5s buffer. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/demo-video--12157b