Generate polished demo videos from a single prompt. Use when the user asks to create a demo video, product walkthrough, feature showcase, or animated presentation. Trigger with "make a demo video", "create a product video", "demo walkthrough", or "feature showcase video".
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.
uv package managerffmpeg -version)uv run playwright install chromium)Install the framecraft plugin from the marketplace:
claude plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills
claude plugin install framecraft@claude-code-plugins-plus
uv run python framecraft.py init my-demo # scaffold a project
uv run python framecraft.py render scenes.json --auto-duration
uv run python framecraft.py validate output.mp4 # quality check
When Playwright, FFmpeg, and Edge TTS MCP servers are available, framecraft orchestrates them directly for maximum control over each frame and audio segment.
When MCP servers are not available, framecraft runs an atomic CLI pipeline that handles everything in one call.
| 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 |
edge_tts.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 |
{
"scenes": [
{
"title": "Meet YourApp",
"subtitle": "The smarter way to manage tasks",
"narration": "24 tasks. One dashboard. Zero stress.",
"voice": "en-US-AndrewNeural",
"bullets": ["Smart priorities", "Team sync", "One-click reports"],
"duration": 0
}
],
"output": "demo.mp4",
"width": 1920, "height": 1080,
"voice": "en-US-AndrewNeural",
"transition": "crossfade"
}
duration: 0 = auto-detect from TTS length + 1.5s buffer.