Playwright

Автоматизируйте взаимодействие с браузером для LLM с помощью Playwright MCP! Делайте скриншоты, выполняйте JavaScript и интегрируйтесь с Claude и Cursor. Простая установка через npm и другие способы.

Инструменты разработчика Безопасность и тестирование Автоматизация браузера ★ 5.5k GitHub (5,500 ★)

Playwright позволяет LLM автоматизировать взаимодействие с веб-браузером. Выступая в роли сервера Model Context Protocol (MCP), он использует Playwright для предоставления возможностей автоматизации браузера, что позволяет большим языковым моделям взаимодействовать с веб-страницами, делать скриншоты и выполнять JavaScript в реальном браузерном окружении. Это обеспечивает бесшовную интеграцию с такими инструментами, как Claude Desktop, Cline и Cursor IDE, расширяя функциональность этих платформ за счет автоматизированных браузерных действий.

Ключевые функции

01Обеспечивает автоматизацию браузера для LLM с помощью Playwright

02Предлагает установку через npm, mcp-get или Smithery

03Поддерживает создание скриншотов и выполнение JavaScript в браузерном окружении

04Предоставляет тестирование с Jest и отчеты о покрытии

05Упрощает интеграцию с Claude Desktop, Cline и Cursor IDE

Варианты использования

01Автоматизация веб-взаимодействий для LLM

02Программное создание скриншотов веб-страниц

03Выполнение JavaScript-кода в браузере через LLM

Playwright MCP Server 🎭

A Model Context Protocol server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment.

Screenshot

Documentation | API reference

Installation

You can install the package using either npm, mcp-get, or Smithery:

Using npm:

npm install -g @executeautomation/playwright-mcp-server

Using mcp-get:

npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server

Using Smithery

To install Playwright MCP for Claude Desktop automatically via Smithery:

npx -y @smithery/cli install @executeautomation/playwright-mcp-server --client claude

Configuration to use Playwright Server

Here's the Claude Desktop configuration to use the Playwright server:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@executeautomation/playwright-mcp-server"]
    }
  }
}

Testing

This project uses Jest for testing. The tests are located in the src/__tests__ directory.

Running Tests

You can run the tests using one of the following commands:

# Run tests using the custom script (with coverage)
node run-tests.cjs

# Run tests using npm scripts
npm test           # Run tests without coverage
npm run test:coverage  # Run tests with coverage
npm run test:custom    # Run tests with custom script (same as node run-tests.cjs)

The test coverage report will be generated in the coverage directory.

Star History

Playwright MCP Server 🎭

Playwright MCP Server — это сервер, реализующий протокол Model Context Protocol (MCP) для автоматизации браузера с помощью Playwright. Он позволяет языковым моделям (LLM) взаимодействовать с веб-страницами: делать скриншоты, выполнять JavaScript, нажимать кнопки, заполнять формы и вообще управлять браузером в реальном окружении.

🔗 Полезные ссылки:

Документация и API

Обзор на Glama

История звёзд на GitHub

Установка

Сервер можно установить и запустить тремя способами:

1. Через npm (глобально)

npm install -g @executeautomation/playwright-mcp-server

2. Через mcp-get

npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server

3. Через Smithery (для Claude Desktop)

Автоматическая установка для Claude Desktop:

npx -y @smithery/cli install @executeautomation/playwright-mcp-server --client claude

Конфигурация для Claude Desktop

Добавьте следующий блок в конфигурационный файл Claude Desktop (обычно claude_desktop_config.json):

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@executeautomation/playwright-mcp-server"]
    }
  }
}

После этого Claude сможет использовать браузерные возможности сервера.

Тестирование

Проект использует Jest для тестов. Тесты находятся в директории src/__tests__.

Запуск тестов

# Запуск с покрытием кода
node run-tests.cjs

# Запуск без покрытия
npm test

# Запуск с покрытием через npm
npm run test:coverage

# Запуск тем же скриптом, что и node run-tests.cjs
npm run test:custom

Отчёт о покрытии будет сгенерирован в папке coverage.

Возможности (кратко)

Открытие страниц и навигация.
Скриншоты любой области экрана.
Выполнение JavaScript в контексте страницы.
Клик, ввод текста, выбор элементов — полная автоматизация действий пользователя.
Работа с iframe, вкладками, cookie и localStorage.

Важно: для работы требуется Node.js версии 16 или выше и установленный Playwright (npx playwright install chromium). Сервер запускает именно Chromium, так что убедитесь, что среда это поддерживает.

Предупреждения

Сервер не предназначен для развёртывания в production как публичный API — это инструмент для интеграции LLM с браузером.
При работе с чувствительными данными (логины, токены) будьте осторожны: LLM может выполнить произвольный JavaScript на странице.
Используйте только с доверенными MCP-клиентами.

Этот README — пересказ оригинальной документации, адаптированный для русскоязычных разработчиков.

Источник: https://mcpmarket.com/server/playwright-2

Ключевые функции

Варианты использования

Playwright MCP Server 🎭

Screenshot

Documentation | API reference

Installation

Configuration to use Playwright Server

Testing

Running Tests

Star History

Playwright MCP Server 🎭

Установка

1. Через npm (глобально)

2. Через mcp-get

3. Через Smithery (для Claude Desktop)

Конфигурация для Claude Desktop

Тестирование

Запуск тестов

Возможности (кратко)

Предупреждения

Как настроить Playwright MCP Server для Claude Desktop?

Как запустить тесты для Playwright MCP Server?

Какие LLM и IDE поддерживает Playwright MCP Server?

Что такое Playwright MCP Server?

Как установить Playwright MCP Server?

Start Codegen Session

Parameters

End Codegen Session

Parameters

Get Codegen Session

Parameters

Clear Codegen Session

Parameters

Playwright Navigate

Parameters

Playwright Screenshot

Parameters

Playwright Click

Parameters

Playwright Iframe Click

Parameters

Playwright Iframe Fill

Parameters

Playwright Fill

Parameters

Playwright Select

Parameters

Playwright Hover

Parameters

Playwright Upload File

Parameters

Playwright Evaluate

Parameters

Playwright Console Logs

Parameters

Playwright Close

Playwright Get

Parameters

Playwright Post

Parameters

Playwright Put

Parameters

Playwright Patch

Parameters

Playwright Delete

Parameters

Playwright Expect Response

Parameters

Playwright Assert Response

Parameters

Playwright Custom User Agent

Parameters

Playwright Get Visible Text

Playwright Get Visible Html

Parameters

Playwright Go Back

Playwright Go Forward

Playwright Drag

Parameters

Playwright Press Key