Agentic Recorder

Add the plugin, say go,get a demo.

A plugin for Claude Code and Codex, one command for any other agent. Say what to record, and your coding agent clicks through your product in your signed in browser and hands the take to the Demo agent. Open source, with a one page site of its own: the agentic recorder.

Start free

One prompt, from your terminal to a polished demo

Then the Demo agent polishes it

Three beats to the first demo.

The docs

Add the plugin

One line in Claude Code, two in Codex. Nothing runs yet.

Run setup

It installs what filming needs, connects your account with one browser approval and registers the management MCP.

Ask for a demo

In plain words: “record a demo of the new billing page”. The shot list comes back, you say go.

› /plugin install demobites --marketplace demobites/agentic-recorder

› /demobites:setup

Setup installs Playwright, ffmpeg and a browser if one is missing, then connects your account and registers the management MCP with one browser approval. Claude Code may ask one permission the first time.

Or just ask in a sentence

Setup, step by step, in the docs

Why it works.

src/funnels

FunnelEditor.tsx

steps.ts

route /funnels confirmed

It knows your repo

Your coding agent reads the code and the running app, so the shot list is right first time.

app.fieldstone.comD

credentialsstay on this machine

Your browser, your machine

It films where you are already signed in. Credentials never leave your laptop.

Send invite

Pointed at, never pressed

Sends, payments and publishes are shown, not clicked.

Brief saysSaved views

App saysReports

Your app’s words

Labels come from your product as it is today, not from the prompt.

0:000:441:30

Every demo under 90 seconds

One feature, one demo

Under 90 seconds by rule. A longer story becomes two demos.

test membercreated

pending invitecreated

after the cutall reverted

It cleans up after itself

What it creates for the camera, it removes after the cut.

Films at 1920 by 1080 on macOS and Linux

How a session flows

From a brief, or from a batch of them.

> Record a demo of Funnels

›Shot list · 4 beats · 0:41

? Film it?

> go

✓ Take sent to the Demo agent

A prompt you typed

One sentence in your coding agent. It writes the shot list, you say go, one demo comes back.

Set it up

› /demobites:record radar-7kq2

› 3 briefs from 5 merged pull requests

? Film these 3?

> yes

✓ 3 demos delivered to your grid

A brief key from GitHub Radar

One line with the key. It films every brief behind the scenes and the demos land in your grid.

GitHub Radar

~/fieldstone · zshList

›

0:00 / 0:27

One Radar batch, from brief key to delivered demos

Each take in its own browser profile, signed in as you

Narrated, zoomed, captioned by the Demo agent · yours to edit or publish

Open them in the Editor

The same agent runs the rest.

Demo Ops

Recording is one skill. With Demo Ops, the same coding agent publishes releases, sets languages and reads your analytics, with your approval on anything public. See Demo Ops

What comes next.

GitHub Radar reads what merged, writes the brief

3 briefs · from 5 merged PRs

~/fieldstone · zsh

Demo agent turns one take into a finished feature demo

Recording stopped · 1:12

Script written. Narrated. Zoomed on the invite button.

✓ Done before you open it · 0:48

app.demobites.com/editor/funnels

Editor change a word, the voice regenerates

Editor · Audio

Say what to film. Open the demo.

On every plan · Claude Code · Codex · Cursor

Start free