Skip to content
Get Friday PicksSubmit

video-demo: agent-recorded web app demos with voiceover

Your agent opens your web app, clicks through a flow, records it with zoom-ins and adds a voiceover, all on your own machine.

In short: Your agent opens your web app, clicks through a flow, records it with zoom-ins and adds a voiceover, all on your own machine. It is a free skill for people who use Claude Code or Codex and want help with video editing.

Checked on · Added

Open on GitHub · ★ 191

Works with

Agent / toolAccess / costLink
Claude CodePaid Claude plan or APIclaude.com/claude-code
CodexChatGPT plan or APIopenai.com/codex
GitHub repoOpen source · ★ 191nilbuild/video-demo

Try it in 60 seconds

npx skills add nilbuild/video-demo

Install command copied from the project README. Check the README for the latest version.

What it does

Your agent opens your web app, clicks through a flow, records it with zoom-ins and adds a voiceover, all on your own machine.

Skill to make your agent record demo of your web app with voice over all on your machine.

Short excerpt from the README of nilbuild/video-demo. Read the full README on GitHub.

Inside the repo

Record a DemoAsk for updatesWhat you getLicence

A prompt to try

/video-demo record the signup flow on [https://your-app] and narrate each step.

Written by us so you can reuse it. Replace each [bracket] with your details.

Step by step

  1. Open the GitHub repo and read the README (install commands change often).
  2. Install it with the command in the README, or copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex).
  3. Restart your agent so it picks the skill up.
  4. Ask for the video in plain words and review drafts before the final render.

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related skills and use cases in Video Editing

See all Video Editing entries →

Related

Hypit: clone a viral video's whole edit thumbnailSKILL1:03

Hypit: clone a viral video's whole edit

Drop a winning video; an agent rebuilds footage, captions, B-roll and effects, then swaps face, product or hook.

Claude Code logoCodex logoClaude Code +1★ 22.3k
video-use: raw footage folder → edited video thumbnailSKILL0:05

video-use: raw footage folder → edited video

Drop raw clips in a folder; the agent cuts, removes filler words, adds subtitles and exports.

Claude Code logoCodex logoClaude Code +1★ 29k
OpenMontage: a full video studio in your agent thumbnailSKILL

OpenMontage: a full video studio in your agent

Agentic video production: 12 pipelines and hundreds of skill files from script to render.

Claude Code logoCodex logoClaude Code +1★ 68.3k
Remotion official agent skills thumbnailSKILL0:27

Remotion official agent skills

The Remotion team's skills so agents write correct React video code.

Claude Code logoCodex logoClaude Code +1★ 5.2k
ffmpeg-skill: 42 editing tools for your agent thumbnailSKILL0:30

ffmpeg-skill: 42 editing tools for your agent

Cut, join, remove silence, animated captions, audio cleanup, vertical crops and platform exports.

Claude Code logoCodex logoCursor logoClaude Code +2★ 1.9k
WeftCut: open-source editor built for agents thumbnailSKILL1:30

WeftCut: open-source editor built for agents

An NLE exposed over MCP: agents edit the timeline, humans review.

Claude Code logoCodex logoClaude Code +1★ 221

Free newsletter

Friday Picks

New AI tools you can use right away, in plain words. Every Friday.

Free. No spam. Unsubscribe anytime.