# pagecast

Records a browser session and exports a GIF or MP4 with zoom on each interaction. Useful for README demos.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 52
- Author: mcpware
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/mcpware/pagecast
- Updated: 2026-03-27
- HTML: https://affpapa.org/en/nevibecode/mcp/pagecast

## What it 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.

## Requirements
- Needs: Node.js (commands run via npx)
- Works with: Playwright

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add pagecast -- npx -y @mcpware/pagecast
```

### Codex

**Platform CLI**
```bash
codex mcp add pagecast -- npx -y @mcpware/pagecast
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "pagecast": {
            "command": "npx",
            "args": [
                "-y",
                "@mcpware/pagecast"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "pagecast": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@mcpware/pagecast"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add pagecast npx -y @mcpware/pagecast
```

## When to use it
- 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 `.webm` into MP4

## Example prompts
- Record a demo of `localhost:3000` for my GitHub README
- Make a TikTok demo of my dashboard

## Similar
- [Scrapling MCP Server](https://affpapa.org/en/nevibecode/mcp/scrapling-mcp-server.md) — MCP server · ★ 89433
- [browser-use](https://affpapa.org/en/nevibecode/mcp/browser-use.md) — MCP server · ★ 119160
- [AIHawk](https://affpapa.org/en/nevibecode/mcp/aihawk.md) — MCP server · ★ 32221
- [Skyvern](https://affpapa.org/en/nevibecode/mcp/skyvern.md) — MCP server · ★ 23263
- [SeleniumBase MCP](https://affpapa.org/en/nevibecode/mcp/seleniumbase-mcp.md) — MCP server · ★ 13169
- [apify-mcp-server](https://affpapa.org/en/nevibecode/mcp/apify-mcp-server.md) — MCP server · ★ 12927

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md