Puppeteer MCP — Instalar & Demo ao vivo

Name: Puppeteer MCP MCP Server
Author: merajmehrabi

Demo ao vivo

Como fica na prática

puppeteer-mcp-merajmehrabi.replay ▶ pronto

0/0

Instalar

Escolha seu cliente

~/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"
      ]
    }
  }
}

Abra Claude Desktop → Settings → Developer → Edit Config. Reinicie após salvar.

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

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

Cursor usa o mesmo esquema mcpServers que o Claude Desktop. Config de projeto vence a global.

VS Code → Cline → MCP Servers → Edit

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

Clique no ícone MCP Servers na barra lateral do Cline, depois "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

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

Mesmo formato do Claude Desktop. Reinicie o Windsurf para aplicar.

~/.continue/config.json

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

O Continue usa um array de objetos de servidor em vez de um map.

~/.config/zed/settings.json

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

Adicione em context_servers. Zed recarrega automaticamente ao salvar.

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

Uma linha só. Verifique com claude mcp list. Remova com claude mcp remove.

Casos de uso

Usos do mundo real: Puppeteer MCP

Get started with Puppeteer MCP

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

Fluxo

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.✓ Copiado

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

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills