voila.

Demos that record themselves.

Paste a URL. An agent tours your product and returns a crisp, narrated, zoom-animated MP4. No screen-recording permission. No cloud. No API keys. Everything happens on your machine.

PASTE THIS TO YOUR AGENT — IT DOES THE REST

“Record a narrated demo video of <my product url> using voila — install it with npx voila-recorder skill, read voila.anzalabidi.dev/llms.txt, script the tour, record, review your own frames, and give me the MP4.”

⧉ click to copy the full prompt

Works in Claude Code, Cursor, Codex — any agent, any harness. You never open a terminal.

Watch it demo a real product ↓ Prefer MCP or manual install? ↓

● REC ZERO PERMISSIONSON-DEVICE TTS KOKORO-82MTHE RECIPE TRAVELS INSIDE THE MP4AGENT-NATIVE MCP + SKILLSELF-REVIEWING RECORD → LOOK → FIXMOBILE · TABLET · DESKTOP ● REC ZERO PERMISSIONSON-DEVICE TTS KOKORO-82MTHE RECIPE TRAVELS INSIDE THE MP4AGENT-NATIVE MCP + SKILLSELF-REVIEWING RECORD → LOOK → FIXMOBILE · TABLET · DESKTOP

Your screen is never touched.

Screen recorders capture your display — so they need permissions, and they see everything. voila never looks at your screen. It renders your site inside its own headless Chromium and pulls frames straight from the rendering engine. Sharper than any screen recording, and there is nothing to grant.

01 · RENDER

Own browser

2× retina frames via the DevTools protocol. Log in once in a local profile — credentials never pass through voila.

02 · DIRECT

Agent as director

An agent reads your page, writes the script: cursor moves, clicks with ripples, camera zooms, animated title slides.

03 · SPEAK

On-device voice

Kokoro-82M — open source, 80MB, runs on CPU — narrates every beat. Captions sync to the voice, automatically.

Watch the terminal do the work.

Demos as code.

Every demo is a diffable YAML script — captions, narration, clicks, camera. Change a line, re-record. Your product shipped a redesign? The demo rebuilds itself.

- action: slide title: "Poached." narration: "The transfer market for engineers." - action: hover selector: h1 caption: "Talent is a market" - action: zoom level: 1.45 - action: click selector: a[href='/wire'] narration: "The Wire is the rumor mill."

▶ demo.mp4

The video carries its own source.

The recipe is embedded in the MP4's metadata. Send someone the file — their agent extracts the script and recreates or forks the demo against their own product. View-source, for videos.

ffmpeg -i demo.mp4 -f ffmetadata - | grep voila-recipe

Seeing is believing.

This is poached.me, demoed end-to-end by an agent: it read the page, wrote the script, recorded the tour, reviewed its own frames, and fixed its own mistakes. Sound on.

Agent-native, by design.

voila ships as an MCP server and a skill. Your agent plans with a page outline, records, then reviews its own frames and iterates — a demo tool that gets better at demos.

voila_outlinevoila_recordvoila_review--device mobileoptional: true

outline→script→record→look at own frames→fix→ship

Don't install it. Tell your agent to.

Click any block to copy. Agents reading this page: see llms.txt.

Claude Code skill + MCP

npx -y voila-recorder skill
claude mcp add voila -- npx -y voila-recorder mcp

Cursor · Windsurf · Claude Desktop mcpServers

{ "voila": { "command": "npx",
  "args": ["-y", "voila-recorder", "mcp"] } }

Codex CLI config.toml

[mcp_servers.voila]
command = "npx"
args = ["-y", "voila-recorder", "mcp"]

Any agent, any harness copy this prompt

"Record a product demo of <URL> using voila
 (voila.anzalabidi.dev/llms.txt): outline →
 steps YAML → record → review your own frames
 → fix → give me the MP4."