Playwright MCP

Playwright MCP

MCP-сервер (Model Context Protocol), предоставляющий возможности браузерной автоматизации с помощью Playwright. Сервер позволяет LLM взаимодействовать с веб-страницами через структурированные снимки дерева доступности, без необходимости использовать скриншоты или визуально настроенные модели.

Playwright MCP vs Playwright CLI

Этот пакет предоставляет MCP-интерфейс к Playwright. Если вы используете coding-агент, возможно, вам больше подойдёт CLI+SKILLS.

• CLI: Современные coding-агенты всё чаще предпочитают CLI-рабочие процессы, реализованные как SKILLS, а не MCP — потому что вызовы CLI более экономичны по токенам: они не загружают в контекст модели громоздкие схемы инструментов и подробные деревья доступности, позволяя агентам действовать через лаконичные, специализированные команды. Это делает CLI + SKILLS более подходящим для высокопроизводительных coding-агентов, которым нужно совмещать браузерную автоматизацию с большими кодовыми базами, тестами и рассуждениями в условиях ограниченного контекстного окна.Подробнее о Playwright CLI с SKILLS.

• MCP: MCP остаётся актуальным для специализированных агентных циклов, которым важны персистентное состояние, богатая интроспекция и итеративные рассуждения над структурой страницы — например, исследовательская автоматизация, самовосстанавливающиеся тесты или длительные автономные рабочие процессы, где непрерывный контекст браузера важнее затрат на токены.

Ключевые возможности

• Быстрый и лёгкий. Использует дерево доступности Playwright, а не пиксельный ввод.
• Удобен для LLM. Не требует vision-моделей, работает исключительно со структурированными данными.
• Детерминированное применение инструментов. Исключает неоднозначность, характерную для подходов на основе скриншотов.

Требования

• Node.js 18 или новее
• VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie или любой другой MCP-клиент

Начало работы

Сначала установите Playwright MCP сервер в вашем клиенте.

Стандартная конфигурация работает в большинстве инструментов:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Добавьте через экран настроек расширения Amp для VS Code или отредактировав файл settings.json:

"amp.mcpServers": {
  "playwright": {
    "command": "npx",
    "args": [
      "@playwright/mcp@latest"
    ]
  }
}

Настройка через Amp CLI:

Добавьте с помощью команды amp mcp add:

Добавьте через настройки Antigravity или отредактировав файл конфигурации:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Используйте Claude Code CLI для добавления Playwright MCP сервера:

Следуйте руководству по установке MCP, используйте стандартную конфигурацию выше.

Следуйте инструкции в разделе Configuring MCP Servers.

Пример: локальная настройка

Добавьте следующее в файл cline_mcp_settings.json:

{
  "mcpServers": {
    "playwright": {
      "type": "stdio",
      "command": "npx",
      "timeout": 30,
      "args": [
        "-y",
        "@playwright/mcp@latest"
      ],
      "disabled": false
    }
  }
}

Используйте Codex CLI для добавления Playwright MCP сервера:

Как вариант, создайте или отредактируйте файл конфигурации ~/.codex/config.toml и добавьте:

[mcp_servers.playwright]
command = "npx"
args = ["@playwright/mcp@latest"]

Подробнее см. в документации Codex MCP.

Используйте Copilot CLI для интерактивного добавления Playwright MCP сервера:

Как вариант, создайте или отредактируйте файл конфигурации ~/.copilot/mcp-config.json и добавьте:

{
  "mcpServers": {
    "playwright": {
      "type": "local",
      "command": "npx",
      "tools": [
        "*"
      ],
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Подробнее см. в документации Copilot CLI.

Установка по кнопке:

Или установка вручную:

Перейдите в Cursor Settings → MCP → Add new MCP Server. Задайте произвольное имя, используйте тип command и введите npx @playwright/mcp@latest.