Set up Puppeteer MCP in Claude Code
Automate browsers with Puppeteer. Navigate pages, take screenshots, fill forms, and generate PDFs from your AI editor.
1
Locate the config file
Claude Code reads MCP server configuration from the following file:
~/.claude.jsonCreate this file if it does not already exist.
2
Add the configuration
You can configure Puppeteer MCP using the CLI command or by editing the config file directly.
Option A: CLI command
bash
claude mcp add puppeteer-mcp -- npx -y @modelcontextprotocol/server-puppeteerOption B: Config file
json
{
"mcpServers": {
"puppeteer-mcp": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-puppeteer"
]
}
}
}3
Set up environment variables
No environment variables needed. Puppeteer MCP works out of the box without any API keys or tokens.
4
Verify it works
Restart Claude Code. Puppeteer MCP should appear in your MCP server list with 8 tools available.
This server adds approximately 4,120 tokens to your context window for tool definitions.