Recordful

Let Claude Code, Cursor, Codex or any MCP app record product demo videos in Chrome: it drives the tab with a visible cursor while Recordful records, then uploads, shares and reads back the transcript. Also takes styled screenshots.

Documentation

Recordful MCP

Let any AI app record, upload and read back product demos with Recordful.

Ask your AI to "record how the new sign-up flow works". It plans a short walkthrough, opens the page in a tab of its own, then navigates, clicks and types with a smooth on-screen cursor while Recordful records. When it stops, Recordful's editor opens with the video. With Recordful Pro, it can also upload the video, hand you the link, and read the transcript back.

It ships as an MCP server for AI apps and a CLI for anything with a shell.

Works with Claude Code, Claude Desktop, Cursor, VS Code, Windsurf, opencode, Codex, Gemini CLI, Antigravity and any other app that supports the Model Context Protocol. The AI doesn't need a browser of its own. Everything runs on your computer: nothing to host, no account, no API key.

Install

You need Chrome and Node.js 20.10 or newer. The Claude Desktop bundle includes everything, so it doesn't need Node.

1. Install Recordful from the Chrome Web Store.

2. Add Recordful to your AI app. The fastest ways:

  • Let the AI do it. Run npx -y recordful-mcp prompt (or copy it from the help center) and paste the result into your AI app. It installs the server and skill for itself, tells you what needs a restart, and asks what to record first.
  • One command. npx -y recordful-mcp install --target claude (also cursor, codex, opencode, vscode, windsurf, gemini, antigravity) shows what it would change; add --yes to apply. It merges into the app's own config and never replaces your other servers.

Or add it by hand:

Claude Code

The plugin adds the server, a record-demo skill and a /record-demo command:

/plugin marketplace add iKislay/recordful-mcp
/plugin install recordful@recordful

Or add just the server: claude mcp add --scope user recordful -- npx -y recordful-mcp (on native Windows, use cmd /c npx -y recordful-mcp).

Claude Desktop

Download recordful.mcpb from the latest release and double-click it. Or add this to claude_desktop_config.json (Settings → Developer → Edit Config) and restart Claude:

{ "mcpServers": { "recordful": { "command": "npx", "args": ["-y", "recordful-mcp"] } } }
Cursor, Windsurf, Gemini CLI, Antigravity and most others

Add to the app's MCP config: ~/.cursor/mcp.json, ~/.codeium/windsurf/mcp_config.json, ~/.gemini/settings.json, ~/.gemini/antigravity/mcp_config.json (Antigravity), and so on:

{ "mcpServers": { "recordful": { "command": "npx", "args": ["-y", "recordful-mcp"] } } }

This repo is also a plugin in the Open Plugins layout (.mcp.json, skills/, commands/ at the root), so plugin directories such as Cursor Directory can install the server, the record-demo skill and the /record-demo command together.

VS Code

Run MCP: Add Server, or add to .vscode/mcp.json:

{ "servers": { "recordful": { "type": "stdio", "command": "npx", "args": ["-y", "recordful-mcp"] } } }
opencode

Add to opencode.json:

{ "mcp": { "recordful": { "type": "local", "command": ["npx", "-y", "recordful-mcp"], "enabled": true } } }
Codex CLI

Add to ~/.codex/config.toml:

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

npx -y recordful-mcp setup prints all of these.

3. First recording (one-time setup):

  1. In Recordful's popup, click More → AI agents and turn it on. Chrome asks to allow screen recording once; click Allow.
  2. Ask your AI to record something. When it asks, click the Recordful icon once to connect it.
  3. Recordful asks you to approve the app. If the 4-digit code matches the one your AI shows, click Allow.

After that, Recordful connects to your AI app by itself whenever it starts. The agent opens its own tab for page tools and screenshots; the only click left is the Recordful icon on a tab you want recorded (Chrome requires it before an extension can capture a tab). If you turned AI agents on before Recordful 4.7.0, turn it off and on once to allow connecting by itself.

Use it

Ask in plain words:

  • "Record a demo of signing up and signing in on localhost:3000."

  • "I just built the billing page. Record a short video of how it works."

  • "Take a screenshot of the pricing page." / "Screenshot the whole page with a 3D look." Recordful opens it in its screenshot editor, in your usual look unless you ask for another. With no look of your own, it starts on a wallpaper picked to match the screenshot's colours.

  • "Screenshot my Figma window." / "Take a screenshot of my whole screen." With the Recordful desktop app, your AI screenshots the desktop too: a screen, a window by name, or an area you drag. Turn it on once in the app: Settings → AI agents → Let AI agents take screenshots. Each screenshot opens in the app's editor, with a notification naming the AI that took it.

  • "Upload that and give me the link." / "What did I say in the last recording?" (Recordful Pro)

The AI works out the flow, uses test data (never your real accounts), records with pauses while it thinks, and stops so the editor opens. Apps that support MCP prompts also offer record_feature, a guided version of this workflow. While an app is connected, Recordful's icon shows an AI badge.

Free and Pro

FreePro
Record, drive the page, open in Recordful's editor✓✓
Upload to recordful.app and get a link✓
Read back the transcript, or search it for a moment✓
AI summary and chapters (writing one spends AI credits)✓
Rename, set who can watch, lock the link with a password or end date✓
Views (where from, per day), likes and comments; your most viewed videos✓
Comment and delete comments, organise into folders✓
Delete to trash, see the trash, restore✓
See your team and invite someone (workspace owner)✓

The AI checks your plan first. On the free plan it records as usual and tells you once that links and transcripts come with Pro, instead of failing. Recordings made while signed in to Pro go to the cloud as they record.

From the command line

The same things work from a terminal, for agents with a shell or for you:

npx -y recordful-mcp start        # click the Recordful icon on the tab first
npx -y recordful-mcp stop
npx -y recordful-mcp upload --title "Sign-up demo"
npx -y recordful-mcp transcript > transcript.txt
npx -y recordful-mcp videos

The first command asks you to click the Recordful icon once; a small helper keeps the connection for later commands and exits after 30 idle minutes. Add --json for machine-readable output. All commands: npx -y recordful-mcp --help; npx -y recordful-mcp guide --json lists everything an agent needs to know.

Why the click? Chrome only lets an extension record a tab after you click it there, and no app can click for you. The click also marks the only tab the AI may act in.

Do I need to host anything?

No. The server runs on your computer and talks to Recordful over 127.0.0.1. Recordings stay on your computer unless you, or your AI with Recordful Pro, upload them to recordful.app.

Only cloud-only chat apps (claude.ai or ChatGPT in a browser or on a phone) would need a hosted connector, because they can't run programs on your computer. That's planned.

Privacy and security

  • Off until you turn it on, and off again with one switch.
  • Local only: the server can't be reached from other devices or from web pages.
  • Paired once per computer after you approve a matching code. Every connection proves the pairing, and the secret is never resent.
  • Only the official Recordful extension can connect by default.
  • One tab: the AI acts only in the tab you handed over.
  • Revocable: Paired AI apps → Forget on the AI agents page, or npx -y recordful-mcp unpair --all.

Details: SECURITY.md.

Troubleshooting

ProblemFix
"Recordful isn't connected"Click the Recordful icon on the tab. Still nothing? Check More → AI agents is on
The AI shows a codeCheck it matches in Recordful's window, click Allow, tell the AI to continue
Recording won't startClick the Recordful icon on the exact tab to record, then retry. PERMISSIONS_NEEDED: turn AI agents off and on in Recordful and click Allow
Recording waits foreverRecordful may be asking something (microphone access, or the screen picker in screen mode). Answer it
PRO_REQUIRED or NOT_SIGNED_INUploads and transcripts need a Recordful Pro account, signed in in Recordful. Recording works on every plan
BRIDGE_UNAVAILABLESomething other than recordful-mcp is using port 47823, or an older recordful-mcp is running. Update or close it
No Recordful tools in the AI appCheck node -v is 20.10+, then restart the app

Run npx -y recordful-mcp status to see the pairing state.

More

License

MIT