Generate a Demo Video

Claude Code just built the feature. Let it record, narrate and publish the demo — and hand you the link.

  1. 1Connect Claude Code — once per machine
    claude mcp add --transport http --scope user vidmatic …

    Abbreviated — the button below hands you the real, paste-ready line.

  2. 2Then, whenever you ship something
    /mcp__vidmatic__record

    Records your real UI, narrates it, returns a public link.

How it works

1

Finish the feature

Run /mcp__vidmatic__record. It reads your recent commits to decide what is worth showing.

2

Claude Code records it

Playwright drives your running app through the real journey, narrated in an AI voice timed to what was actually captured.

3

Share the link

You get a public URL. Paste it into Slack, a PR, or a release note.

  • Demos the feature you shipped, not a mock screen
  • Narration timed to the recording that actually happened
  • A link for people who will never open your repo

Two steps

  1. 1. Get your command

    Open Settings → Developer and click Build my command. Nothing to install — we hand you the full line with your key already in it. Paste it into Claude Code with the leading !, then restart.

    The Vidmatic Settings → Developer page, on the "Wire it into Claude Code" tab, showing step 1 with a Build my command button.

  2. 2. Record a demo

    Start your app's dev server and run the command in Claude Code. It records, narrates, publishes, and prints the link.

    /mcp__vidmatic__record

Requires only Claude Code and Node. Recording, narration and encoding all run on Vidmatic.

Ship It, Then Show It

Your next feature can demo itself — recorded, narrated, and shared before you close the PR.

Explore more Vidmatic use cases