Docs

demovie gives your coding agent what it needs to make accurate, on-brand videos of your real web app: screenshots and element maps of the running app, a motion runtime, 30 quality checks and a renderer. Your agent does the creative work; demovie keeps it true.

Get started Your first video, step by step

Start here

Getting startedWhat you need and the three commands.Your first video, step by stepFrom your app to a finished MP4, with what you should see at each step.

Guides

Apps with a loginTest accounts, several roles, Google sign-in and 2FA.Capture states behind clicksDialogs, filled forms and results, with flows.Make the next video fasterWhat carries over, and how to ask for less.A video for every releaseThe GitHub Action, step by step.Build a video by handThe same loop, without an agent.RecipesVertical versions, your own music, voiceover, hiding a cookie banner, and more.

Reference

CommandsEvery command, its options and examples.ConfigurationEvery field of `.demovie/config.json`.CompositionsThe runtime API for animations.QA rulesWhat's checked, and how to fix each finding.ConceptsGrounding levels, captures, compositions and QA.Capture and auth Demo dataStylesAudioAgentsCI

Help

How demovie comparesTroubleshootingFAQLicensing and termsThe licenses of everything demovie uses and makes.