Analysis updated 2026-05-18
Generate a narrated demo video of a web app automatically through an AI coding agent
Produce a GIF, vertical video, or editor-ready stems from one captured demo
Re-render a demo video after editing a single narration line, without recapturing footage
| new-xp/ultrademo | adindazu/fextractor | anonymousraid/osint-mapping-tool | |
|---|---|---|---|
| Stars | 15 | 15 | 15 |
| Language | JavaScript | JavaScript | JavaScript |
| Setup difficulty | moderate | hard | easy |
| Complexity | 3/5 | 1/5 | 2/5 |
| Audience | developer | general | researcher |
Figures from each repo's GitHub metadata at analysis time.
Needs Node.js, ffmpeg, and Playwright's Chromium browser installed.
Ultrademo is a tool that turns a web app into a narrated demo video automatically, driven by an AI coding assistant like Claude Code. Everything, including the browser automation, the video rendering, and any credentials used to log into your app, runs on the user's own machine rather than being sent to a hosted service. The way it works is that a person describes what they want demoed, and the AI agent drafts a script for the video, which the user reviews and approves. That script becomes a flow file that drives Playwright, a browser automation tool, through the actual web app, capturing screenshots, real screen recording clips, and cursor movement into a structured file called a storyboard. Text to speech then narrates each line, using ElevenLabs for higher quality voices if an API key is provided, falling back to a free offline tool called Piper, or a basic built in voice on Mac as a last resort. Finally, a video rendering tool called Remotion combines all of this into a finished video with zoom effects, a simulated mouse cursor, and captions. The main output is a finished 16 by 9 video file with narration and captions baked in, but the same captured storyboard can also be rendered again as a vertical video for phone sized screens, a short animated GIF suitable for a README file, or as separate editing files, meaning a clean video, a narration audio file, and a subtitle file, for someone who wants to do further editing themselves in a video editor. The recommended way to install it is as a skill for an AI coding agent, using a command line installer that lets the user pick which agent they use, since choosing the wrong option can cause the skill to install somewhere the agent does not actually look. Once installed, opening the target project in the agent and asking for a demo video causes the tool to set up its own workspace automatically, including installing dependencies and a headless browser, before it starts drafting a script. The project requires a recent version of Node.js and the ffmpeg video tool to be installed as well.
Ultrademo is a Claude Code skill that turns a web app into a narrated demo video, running the capture and rendering locally.
Mainly JavaScript. The stack also includes JavaScript, Playwright, Remotion.
No license information is stated in the README excerpt.
Setup difficulty is rated moderate, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.