Does this require Chrome installed?

Puppeteer automatically downloads a compatible Chromium binary on initial launch.

Puppeteer MCP Server Config Template

Target Standard & File Format

Select runtime specification

AI Agent Rules & Skills

Context Shields & Privacy (Ignore Files)

Integrations & Machine Documentation

AI Governance & Multi-Agent Planning Suite

MCP Server

Valid

Server key

Command

Arguments one per line

Env variable optional

Value

Valid for Claude Code (.mcp.json) and Claude Desktop (claude_desktop_config.json).

claude_desktop_config.json12 lines

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-puppeteer"
      ]
    }
  }
}

Click or focus to edit

JSON•UTF-8•12 Lines•Spaces: 2

Target File Location

Project Placement

Save as .mcp.json in project root for Claude Code, or merge its mcpServers block into Claude Desktop claude_desktop_config.json.

What's in the ZIP export (20 files)

Unzip into your project root. Every file is already in the folder its tool reads from.

Include extras: Claude Code subagent, Gemini CLI, Aider, Copilot and Kiro scoped rules, CI audit workflow

.claude/settings.json
.claude/skills/codebase-auditor/SKILL.md
.claude/skills/codebase-auditor/scripts/verify.sh
.claudeignore
.cursor/rules/codebase-auditor.mdc
.cursorignore
.github/copilot-instructions.md
.mcp.json (open in editor)
.windsurf/rules/codebase-auditor.md
AGENTS.md
ARCHITECTURE.md
CLAUDE.md
DESIGN.md
MEMORY.md
PRD.md
README.md
TASK.md
llms.txt
prompts/gemini-system-instructions.json
prompts/openai-custom-instructions.md

What this file changes for Puppeteer Browser MCP

Without it

Empowers AI assistants to interact with JavaScript-heavy SPAs, capture web screenshots, and run client-side end-to-end browser workflows.

What the file tells the agent

Uses `@modelcontextprotocol/server-puppeteer`.

Launches headless Chromium to render dynamic client-side applications.

Allows taking full-page screenshots and executing page console clicks.

How to Install Puppeteer Browser MCP Model Context Protocol (MCP) via Terminal

Step 1: Open Project Directory & Verify Target Placement

Open your terminal and navigate to your project root folder where the claude_desktop_config.json file will reside. Ensure the file is placed at the exact path below relative to your project root so the AI engine automatically loads it:

claude_desktop_config.json

Step 2: Fetch Rule File via Terminal Command

Run curl, PowerShell, or wget to stream the rule directly from the DevScratchpad raw API endpoint and write it to claude_desktop_config.json:

Terminal One-Liner Install

Run directly in your project root to stream and write this rule file with one command.

Raw API Stream

$curl -fsSL "https://www.devscratchpad.tech/api/raw/mcp-config/puppeteer" -o "claude_desktop_config.json"

Step 3: Check that Claude Code, Claude Desktop, Cursor uses it

Restart the client so it starts the server. Claude Code asks you to approve servers from .mcp.json; run /mcp to check their status.

Target Standard & File Format

MCP Server

Target File Location

Puppeteer Browser Automation MCP Server Config

What this file changes for Puppeteer Browser MCP

How to Install Puppeteer Browser MCP Model Context Protocol (MCP) via Terminal

Step 1: Open Project Directory & Verify Target Placement

Step 2: Fetch Rule File via Terminal Command

Terminal One-Liner Install

Step 3: Check that Claude Code, Claude Desktop, Cursor uses it

MCP config generator: .mcp.json for Claude Code, Claude Desktop and Cursor

Tools for Puppeteer Browser MCP work

JSON Formatter & Validator

JWT Decoder & Inspector

JSON to TypeScript Interfaces

Diff Checker & Text Compare

Live Repository & Schema Ingestion

Migrating from Legacy .cursorrules or CLAUDE.md?

Technical FAQ: Puppeteer Browser MCP AI Rulebooks

Does this require Chrome installed?