Skip to content
reelson

Demo videos, from a prompt.

Describe a feature to your coding agent. reelson records it in a real browser with a human-paced cursor, then cuts a branded video with callouts, zooms, captions and music. Re-record the whole library in seconds after every UI change.
Get startedCopy a promptGitHub
The Orbit example: a branded intro, a task added and assigned inside a zoom, dragged to Done, then the outro

The Orbit example, recorded and rendered by CI on every push. ▶ Watch the 1-minute launch video, made with reelson itself.

Why reelson

Videos that don’t go stale

Section titled “Videos that don’t go stale”

The prompt is the spec

Say what to show, in plain words. The agent writes a Playwright scenario, records it, words the callouts, checks the frames and renders the MP4.

Looks hand-made

An eased, slightly imperfect cursor, uneven typing and zooms that follow the cursor. A branded intro, a recap and an outro, with your logo, colours and music.

Re-records in ~20 s

After a redesign, reelson verify --all re-runs every demo headless. Callouts follow their markers and zooms follow their clicks, so nothing needs re-timing.

Every format

16:9, a phone take for 9:16, a square take for 1:1, a GIF for the README, .srt/.vtt captions, an optional voice-over and one-command uploads to YouTube.

How it works

One scenario, one JSON file, one video

Section titled “One scenario, one JSON file, one video”
scenario.ts → reelson record → recording.mp4 + markers.json → reelson build (with video.json, reelson.config.json, a template and sections) → video/, a HyperFrames project → reelson render → video/renders/<slug>.mp4, plus a GIF, portrait and square versions and captions

You commit three small files per video: scenario.ts (what happens), markers.json (when it happened) and video.json (how it looks). Everything else is generated.

Start in two minutes

Install, then ask

Section titled “Install, then ask”

  1. Install the CLI and link the skills into your agent:

    Terminal window
    npm install -g reelson
    reelson install

  2. Paste this into Claude Code, Codex or your agent, inside your project:

    Make a demo video of <the feature>. The app runs on <http://localhost:3000>.
    Steps: 1. … 2. … 3. …  Title "<Title>". Slug <kebab-case-slug>.

  3. Open <videosDir>/<slug>/video/renders/<slug>.mp4.

Set up a projectReady-to-copy prompts that install and configure reelson for you.
Prompt libraryPrompts for first videos, forms, two-actor flows, checkouts and more.