Agentic Recorder.Your coding agent films
the demo for you.

Add the plugin, say go, get a demo. Your coding agent films your product in a real browser and delivers an editable demo into DemoBites.

Claude Code and Codex: a plugin · any other agent: npx demobite@latest

What exactly is an agentic recorder?

A screen recorder captures pixels. An agentic recorder captures intent: the agent knows what the product does, decides what to show, performs it in a real browser, and narrates it before it happens. The take arrives as a demo, not as a file — voice, camera, captions and languages stay editable in DemoBites.

01

It knows the product

It sits in your repo and walks the right flow on the first take, in the product's own words.

02

It films the real thing

A real Chrome window against your running app — localhost, a branch, staging. Logins stay on your machine.

03

It delivers a demo

Narration, zooms, captions and languages stay editable in DemoBites. Publish it, embed it, export the MP4.

How it works

Three beats to the first demo. You approve the storyboard in chat; nothing else is asked of you.

1

Add the plugin

One line in Claude Code or Codex. Any other agent: one command.

2

Run setup, approve once

/demobites:setup installs the recorder and connects your workspace with one browser approval.

3

Ask for a demo

"Record a demo of the new billing page." You approve the storyboard; the demo lands in DemoBites.

› /plugin install demobites --marketplace demobites/agentic-recorder
› /demobites:setup
# then, in plain words
› record a demo of the new billing page
Claude Code and Codex: the plugin. Cursor (marketplace soon), Copilot, Cowork and any local agent: npx demobite@latest. Browser-only assistants cannot film.

One prompt. Here's the demo.

Recorded by the agent on its own machine, then narrated and polished in DemoBites. Nothing in this take was staged for the camera.

THE PROMPT

"Record a demo of the Funnels page. Walk through the graphs and explain the funnel stages and where people drop off."

Storyboard approved in chat · 6 shots · one take

Runs on your machine.

Open source. The recorder films in its own browser profile; you sign in to your app yourself and the session stays local. What leaves your computer is the take and its storyboard, to your DemoBites workspace. Sign-in and data →

Questions

Why do I need a DemoBites account?

The recorder films; DemoBites is where the take becomes a demo. The free plan is enough to start.

Why does the recording browser ask me to sign in to my app?

It is a real browser with its own profile. You sign in once; the session is kept locally.

Can it leave out names, emails or numbers?

Yes — a standing workspace rule ("Mask any number with a dollar sign") applies to every take.

Can I download the video?

Yes. Export the MP4 from the editor, or publish it as a page and embed it anywhere.

More questions? Read the docs →

Everything after the take happens in DemoBites.

The editor, the pages, the embeds, the languages. Start free.