Pagecast
by mcpwarecommunityv0.2.1
10
2
Pagecast is a tool that automates the creation of product demo videos by recording browser interactions and exporting them as GIFs or MP4s with enhanced visual effects.
From the registry: Record any browser page as GIF or video via MCP
Install & configure
Prerequisites
- required
- required
- requiredPlaywright Chromium browserRequired for browser recording
$ npx playwright install chromium
Install in your client
Paste into the AI you're chatting with — it will figure out the rest
Please install the `pagecast` MCP server into my current AI client (that's you).
Required prerequisites (do these first if not already done):
- **Node.js >= 20** — Required runtime (https://nodejs.org/)
- **ffmpeg** — Required for video/GIF conversion Run: `brew install ffmpeg` (https://ffmpeg.org/)
- **Playwright Chromium browser** — Required for browser recording Run: `npx playwright install chromium`
Canonical MCP server config (stdio transport):
- command: `npx`
- args: ["-y","@mcpware/pagecast"]
- optional environment variables:
- `RECORDING_OUTPUT_DIR`: Override output directory for recordings (example: `./recordings`)
Note: 9 tools for recording browser demos and exporting as GIF/MP4/WebM with tooltip zoom overlays and cinematic pan effects. No API key required. Use --headless flag for headless mode.
Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.Note: 9 tools for recording browser demos and exporting as GIF/MP4/WebM with tooltip zoom overlays and cinematic pan effects. No API key required. Use --headless flag for headless mode.
Tools (9)
record_page
Open a URL, start recording. Auto-injects cursor highlight + click ripple.
interact_page
Captures interactions like scroll, click, hover, type, and more.
stop_recording
Stops recording and saves the output as .webm and a timeline.json.
smart_export
Exports with a tooltip overlay that magnifies interactions.
cinematic_export
Exports with a cinematic crop-pan effect following interactions.
convert_to_gif
Converts WebM to optimized GIF.
convert_to_mp4
Converts WebM to MP4.
record_and_export
Records and auto-exports to GIF or MP4 based on the platform.
list_recordings
Lists all recorded files in the output directory.
Environment variables
RECORDING_OUTPUT_DIROverride the default output directory for recordings.Packages
@mcpware/pagecast
npmv0.1.0transport: stdio
Details
- Language
- JavaScript
- License
- MIT
- Released
- Mar 21, 2026
- Last commit
- Mar 27, 2026
- Registry name
- io.github.mcpware/pagecast