video-generation is a pair of agent skills, tested in Claude Code, that turn your web app or a public website into a designed demo video. video-plan writes PLAN.md and SCRIPT.md for your approval; demo-video then records the app, composes a branded cut, adds narration, verifies frames against the source pixels and renders 1080p, then 4K. Clone and symlink both skills; a pinned HyperFrames CLI and ffmpeg install themselves on first use.
INSTALL VIDEO-GENERATION
git clone https://github.com/hub-ki/video-generation.git ~/code/video-generation
Copied as written in the repo's README. Check the README for options and requirements.
STACK
HyperFramesPlaywrightFFmpegJavaScript
“Agent skills that turn an app or a public website into a designed demo video: concept and script first, then capture, narration, verification and a 4K render.”
agent-skillsai-agentsclaude-codedemo-videodeveloper-toolsdocumentationffmpegplaywrightscreen-recordingscreencastvideo-generation
About Promo & demos
Skills for product launch films, app demos and ads, usually a brief-to-storyboard-to-render pipeline around a product's own screenshots or UI.