pagecast — Claude Code MCP server: record browser demos
Records a browser session and exports a GIF or MP4 with zoom on each interaction. Useful for README demos.
claude mcp add pagecast -- npx -y @mcpware/pagecastWhat pagecast does
Pagecast is an MCP server that drives Chromium, replays your actions on a page and turns the capture into a GIF or MP4. The cursor gets a highlight, clicks leave a ripple, and export can add a magnified inset near each interaction or a smooth camera pan between targets.
The work is split across tools. record_page opens a URL and starts capturing, interact_page handles clicks, typing, scrolling and navigation, stop_recording writes a .webm plus a -timeline.json. Then smart_export, cinematic_export, convert_to_gif or convert_to_mp4 produce the final file, and record_and_export chains the whole thing in one call. You don't have to work out dimensions yourself — name the destination and the server picks a platform preset.
Node.js 20 or newer and ffmpeg in PATH are required; without ffmpeg the conversion step won't run. The Playwright browser is installed separately with npx playwright install chromium. The window is visible by default, and --headless sends it to the background.
What it helps with
- record an app demo for a README
- produce a vertical clip for Reels or TikTok
- rebuild the demo after UI changes
- attach a recording of the steps to a bug report
- turn a captured
.webminto MP4
Example prompts for the agent
- Record a demo of
localhost:3000for my GitHub README - Make a TikTok demo of my dashboard
How to install pagecast
Platform CLI
claude mcp add pagecast -- npx -y @mcpware/pagecastPlatform CLI
codex mcp add pagecast -- npx -y @mcpware/pagecastConfig file
{
"mcpServers": {
"pagecast": {
"command": "npx",
"args": [
"-y",
"@mcpware/pagecast"
]
}
}
}Config file
{
"servers": {
"pagecast": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@mcpware/pagecast"
]
}
}
}Platform CLI
gemini mcp add pagecast npx -y @mcpware/pagecastStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about pagecast
How do I install pagecast in Claude Code?
Run claude mcp add pagecast -- npx -y @mcpware/pagecast. Before the first run, install the browser with npx playwright install chromium.
What does pagecast do?
It opens a page in Chromium, captures clicks, typing and scrolling, then exports the recording as GIF or MP4 with zoom effects.
What does pagecast need to run?
Node.js 20 or newer and ffmpeg in PATH. Without ffmpeg the GIF and MP4 conversion won't work.
