Add it to Claude Code
claude mcp add -e "PAGEBOLT_API_KEY=${PAGEBOLT_API_KEY}" pagebolt -- npx -y pagebolt-mcpPAGEBOLT_API_KEYMake your agent remember this setup
pagebolt's config, env vars, and the gotchas you hit — recalled in every future Claude Code, Cursor, and Codex session.
npx conare@latestFree · one command · indexes the sessions already on disk. Set up in the browser instead →
What it does
- Capture screenshots of URLs, HTML, or Markdown with 30+ parameters
- Generate PDFs from web content for reports or invoices
- Create custom Open Graph social preview images
- Execute multi-step browser automation sequences
- Record demo videos with cursor effects and auto-zoom
Tools 4
take_screenshotCapture a pixel-perfect screenshot of any URL, HTML, or Markdown.generate_pdfGenerate a PDF from any URL or HTML content.create_og_imageCreate Open Graph / social preview images.run_sequenceExecute multi-step browser automation.Environment Variables
PAGEBOLT_API_KEYrequiredAPI key for accessing PageBolt's web capture services.Try it
Original README from Custodia-Admin/pagebolt-mcp
PageBolt MCP Server
Take screenshots, generate PDFs, create OG images, inspect pages, and record demo videos directly from your AI coding assistant.
Works with Claude Desktop, Cursor, Windsurf, Cline, and any MCP-compatible client.
What It Does
PageBolt MCP Server connects your AI assistant to PageBolt's web capture API, giving it the ability to:
- Take screenshots of any URL, HTML, or Markdown (30+ parameters)
- Generate PDFs from URLs or HTML (invoices, reports, docs)
- Create OG images for social cards using templates or custom HTML
- Run browser sequences — multi-step automation (navigate, click, fill, screenshot)
- Record demo videos — browser automation as MP4/WebM/GIF with cursor effects, click animations, and auto-zoom
- Inspect pages — get a structured map of interactive elements with CSS selectors (use before sequences)
- List device presets — 25+ devices (iPhone, iPad, MacBook, Galaxy, etc.)
- Check usage — monitor your API quota in real time
All results are returned inline — screenshots appear directly in your chat.
Quick Start
1. Get a free API key
Sign up at pagebolt.dev — the free tier includes 100 requests/month, no credit card required.
2. Install & configure
Claude Desktop
Add to ~/.claude/claude_desktop_config.json:
{
"mcpServers": {
"pagebolt": {
"command": "npx",
"args": ["-y", "pagebolt-mcp"],
"env": {
"PAGEBOLT_API_KEY": "pf_live_your_key_here"
}
}
}
}
Cursor
Add to .cursor/mcp.json in your project (or global config):
{
"mcpServers": {
"pagebolt": {
"command": "npx",
"args": ["-y", "pagebolt-mcp"],
"env": {
"PAGEBOLT_API_KEY": "pf_live_your_key_here"
}
}
}
}
Windsurf
Add to your Windsurf MCP settings:
{
"mcpServers": {
"pagebolt": {
"command": "npx",
"args": ["-y", "pagebolt-mcp"],
"env": {
"PAGEBOLT_API_KEY": "pf_live_your_key_here"
}
}
}
}
Cline / Other MCP Clients
Same config pattern — set command to npx, args to ["-y", "pagebolt-mcp"], and provide your API key in env.
3. Try it
Ask your AI assistant:
"Take a screenshot of https://github.com in dark mode at 1920x1080"
The screenshot will appear inline in your chat.
Tools
`take_screenshot`
Capture a pixel-perfect screenshot of any URL, HTML, or Markdown.
Key parameters:
url/html/markdown— content sourcewidth,height— viewport size (default: 1280x720)viewportDevice— device preset (e.g."iphone_14_pro","macbook_pro_14")fullPage— capture the entire scrollable pagedarkMode— emulate dark color schemeformat—png,jpeg, orwebpblockBanners— hide cookie consent bannersblockAds— block advertisementsblockChats— remove live chat widgetsblockTrackers— block tracking scriptsextractMetadata— get page title, description, OG tags alongside the screenshotselector— capture a specific DOM elementdelay— wait before capture (for animations)cookies,headers,authorization— authenticated capturesgeolocation,timeZone— location emulation- ...and 15+ more
Example prompts:
- "Screenshot https://example.com on an iPhone 14 Pro"
- "Take a full-page screenshot of https://news.ycombinator.com with ad blocking"
- "Capture this HTML in dark mode:
<h1>Hello World</h1>"
`generate_pdf`
Generate a PDF from any URL or HTML content.
Parameters: url/html, format (A4/Letter/Legal), landscape, margin, scale, pageRanges, delay, saveTo
Example prompts:
- "Generate a PDF of https://example.com and save it to ./report.pdf"
- "Create a PDF from this invoice HTML in Letter format, landscape"
`create_og_image`
Create Open Graph / social preview images.
Parameters: template (default/minimal/gradient), html (custom), title, subtitle, logo, bgColor, textColor, accentColor, width, height, format
Example prompts:
- "Create an OG image with title 'How to Build a SaaS' using the gradient template"
- "Generate a social card with a dark blue background and white text"
`run_sequence`
Execute multi-step browser automation.
Actions: navigate, click, fill, select, hover, scroll, wait, wait_for, evaluate, screenshot, pdf
Example prompts:
- "Go to https: