Puppeteer MCP — Install & Live Demo

Name: Puppeteer MCP MCP Server
Author: merajmehrabi

Live Demo

What it looks like in practice

puppeteer-mcp-merajmehrabi.replay ▶ ready

0/0

Install

Pick your client

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  }
}

Open Claude Desktop → Settings → Developer → Edit Config. Restart after saving.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  }
}

Cursor uses the same mcpServers schema as Claude Desktop. Project config wins over global.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  }
}

Click the MCP Servers icon in the Cline sidebar, then "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  }
}

Same shape as Claude Desktop. Restart Windsurf to pick up changes.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "puppeteer-mcp-merajmehrabi",
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  ]
}

Continue uses an array of server objects rather than a map.

~/.config/zed/settings.json

{
  "context_servers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "puppeteer-mcp-merajmehrabi"
        ]
      }
    }
  }
}

Add to context_servers. Zed hot-reloads on save.

claude mcp add puppeteer-mcp-merajmehrabi -- npx -y puppeteer-mcp-merajmehrabi

One-liner. Verify with claude mcp list. Remove with claude mcp remove.

Use Cases

Real-world ways to use Puppeteer MCP

Get started with Puppeteer MCP

When to use: When you want to bring Puppeteer MCP into your Claude workflow.

Flow

Install the MCP server in your client (see Install tab).
Authenticate or configure required tokens.
Ask Claude to use the new tools.

Use Puppeteer MCP to help me with a task.✓ Copied

Outcome: Claude can interact with Puppeteer MCP directly from your IDE.

More

Resources

📖 Read the official README on GitHub

🐙 Browse open issues

🔍 Browse all 400+ MCP servers and Skills