How to Add PageBolt MCP to Claude Desktop

You're building AI agents with Claude. You want visual proof of what they do. Here's how to add PageBolt MCP to Claude Desktop in 5 minutes.

Step 1: Get Your API Key

1. Go to pagebolt.dev
2. Sign up (free tier: 100 requests/month)
3. Copy your API key from Settings

Step 2: Install PageBolt MCP

The easiest way is via npm:

npm install -g pagebolt-mcp

Step 3: Add to Claude Desktop Config

macOS/Linux: Edit ~/.claude/claude_desktop_config.json

{
  "mcpServers": {
    "pagebolt": {
      "command": "npx",
      "args": ["pagebolt-mcp"],
      "env": {
        "PAGEBOLT_API_KEY": "your_api_key_here"
      }
    }
  }
}

Windows: Same config, same path convention.

Restart Claude Desktop. You'll see "pagebolt" in the Tools menu.

Step 4: Use It in Your Agent

const Anthropic = require("@anthropic-ai/sdk");

const client = new Anthropic();

const response = await client.messages.create({
  model: "claude-opus-4-5-20251101",
  max_tokens: 1024,
  tools: [
    {
      name: "pagebolt_screenshot",
      description: "Take a screenshot of a URL",
      input_schema: {
        type: "object",
        properties: {
          url: { type: "string" }
        },
        required: ["url"]
      }
    }
  ],
  messages: [
    {
      role: "user",
      content: "Take a screenshot of amazon.com"
    }
  ]
});

// Claude will use the tool automatically
// Screenshot returned as base64 image

Step 5: See Your Results

Screenshots appear in Claude Desktop as images. You can:

• View full-page captures
• Extract text with Claude's vision
• Build automation chains
• Create audit trails

Common Patterns

Price monitoring: Use PageBolt to capture competitor pricing pages automatically.

Form automation with verification: Take screenshots before and after form fills to verify submission.

Compliance auditing: Extract PII, verify access controls, flag compliance issues.