Pagebolt MCP Server

Take screenshots, generate PDFs, create OG images, and record demo videos.

★ 4Custodia-Admin/pagebolt-mcp ↗by Custodia-Adminupdated
1

Add it to Claude Code

claude mcp add -e "PAGEBOLT_API_KEY=${PAGEBOLT_API_KEY}" pagebolt -- npx -y pagebolt-mcp
Required:PAGEBOLT_API_KEY
2

Make 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@latest

Free · 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

Take a screenshot of https://github.com in dark mode at 1920x1080
Generate a PDF of https://example.com and save it to ./report.pdf
Create an OG image with title 'How to Build a SaaS' using the gradient template
Take a full-page screenshot of https://news.ycombinator.com with ad blocking
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 source
  • width, height — viewport size (default: 1280x720)
  • viewportDevice — device preset (e.g. "iphone_14_pro", "macbook_pro_14")
  • fullPage — capture the entire scrollable page
  • darkMode — emulate dark color scheme
  • formatpng, jpeg, or webp
  • blockBanners — hide cookie consent banners
  • blockAds — block advertisements
  • blockChats — remove live chat widgets
  • blockTrackers — block tracking scripts
  • extractMetadata — get page title, description, OG tags alongside the screenshot
  • selector — capture a specific DOM element
  • delay — wait before capture (for animations)
  • cookies, headers, authorization — authenticated captures
  • geolocation, timeZone — location emulation
  • ...and 15+ more

Example prompts:

`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:

Frequently Asked Questions

What are the key features of Pagebolt?

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.

What can I use Pagebolt for?

Automating the generation of social media preview cards for blog posts. Creating PDF reports or invoices directly from web-based dashboards. Capturing visual regression screenshots for web development testing. Recording automated demo videos of web application workflows.

How do I install Pagebolt?

Install Pagebolt by running: npx -y pagebolt-mcp

What MCP clients work with Pagebolt?

Pagebolt works with any MCP-compatible client including Claude Desktop, Claude Code, Cursor, and other editors with MCP support.

Conare · memory for coding agents

Turn this server into reusable context

Keep Pagebolt docs, env vars, and workflow notes in Conare so your agent carries them across sessions.

Set up free$npx conare@latest