Puppeteer MCP — Установка & Живое демо

Name: Puppeteer MCP MCP Server
Author: merajmehrabi

Живое демо

Как выглядит на практике

puppeteer-mcp-merajmehrabi.replay ▶ готово

0/0

Установка

Выберите клиент

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

Откройте Claude Desktop → Settings → Developer → Edit Config. Перезапустите после сохранения.

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

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

Cursor использует ту же схему mcpServers, что и Claude Desktop. Конфиг проекта приоритетнее глобального.

VS Code → Cline → MCP Servers → Edit

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

Щёлкните значок MCP Servers на боковой панели Cline, затем "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

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

Тот же формат, что и Claude Desktop. Перезапустите Windsurf для применения.

~/.continue/config.json

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

Continue использует массив объектов серверов, а не map.

~/.config/zed/settings.json

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

Добавьте в context_servers. Zed перезагружается автоматически.

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

Однострочная команда. Проверить: claude mcp list. Удалить: claude mcp remove.

Сценарии использования

Реальные сценарии: Puppeteer MCP

Get started with Puppeteer MCP

Когда использовать: When you want to bring Puppeteer MCP into your Claude workflow.

Поток

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.✓ Скопировано

Итог: Claude can interact with Puppeteer MCP directly from your IDE.

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills