demo-video

Featured

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".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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: ```bash claude plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills claude plugin install framecraft@claude-code-plugins-plus ``` ### Quick Start ```bash 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 ``` ### 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,...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
7 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

demo-video

Use when the user asks to create a demo video, product walkthrough, feature showcase, animated presentation, marketing video, or GIF from screenshots or scene descriptions. Orchestrates playwright, ffmpeg, and edge-tts MCPs to produce polished video content.

16,642 Updated yesterday
alirezarezvani
AI & Automation Solid

ui-demo

Record polished UI demo videos using Playwright. Use when the user asks to create a demo, walkthrough, screen recording, or tutorial video of a web application. Produces WebM videos with visible cursor, natural pacing, and professional feel.

199,464 Updated today
affaan-m
AI & Automation Solid

demo-producer

Universal demo video creator for skills, agents, plugins, tutorials, CLI commands, and code walkthroughs. Generates scripts, storyboards, VHS terminal recordings, and Remotion video compositions with task-tracked production phases. Use when producing video showcases, marketing content, or terminal recordings.

179 Updated today
yonatangross
Code & Development Solid

demo-video

Generate demo assets (GIF/MP4) from real tmux E2E runs and viewer screenshots using asciinema and Playwright

1,021 Updated today
liaohch3
AI & Automation Listed

demo-animation-v2

Generate the recommended responsive self-playing HTML product demo. Creates a single-file index.html with intro screen, dashboard mockup, step-by-step animation, captions, timeline controls, piano music, cursor animation, highlights, ending screen, mobile controls, touch gestures, fullscreen API, landscape hint, and prefers-reduced-motion support.

1 Updated today
jqaisystems