Playwright

Microsoft · официальный сервер

MCP-подключения · 6 мин чтения

Глаза агента: открывает твой сайт, кликает, заполняет формы и проверяет, что всё работает

На твоём компьютере·Без ключа·Бесплатно·25 инструментов·проверено 24.09.2026 на версии 0.0.82

Подключение

Что сможет агент

  • Откроет твой сайт, пройдёт по страницам и снимет каждую, чтобы ты видел, что поломалось после правок.
  • Заполнит формы и нажмёт кнопки как человек: проверит регистрацию, заявку, оплату до последнего шага.
  • Прочитает ошибки в консоли браузера и сетевые запросы и объяснит, что именно не так.
  • Сравнит страницу с макетом и выпишет расхождения: отступы, шрифты, пропавшие блоки.
Кто сделал
Microsoft
Версия
0.0.82
Проверено
24.09.2026, Claude Code
Лицензия
Apache-2.0

Подключить

Поставить агентомClaude Code✓CodexCursor

Промпт собран из паспорта: команды в нём те же, что во вкладках Claude Code и Codex.

Промпт для агента
Подключи MCP-сервер «Playwright» версии 0.0.82. Работай по шагам и после каждого коротко говори, что сделал.

Данные сервера (каталог code.tarasovweb.ru, проверено 24.09.2026):
- имя в конфиге: playwright
- официальный источник: https://github.com/microsoft/playwright-mcp
- запуск: npx -y @playwright/mcp@0.0.82 --isolated

Правила:
1. Не ставь Node.js, uv или Docker без моего «да». Не хватает - остановись и скажи, что поставить и откуда.
2. Ставь только пакет или адрес из этого промпта. Никаких установочных скриптов из README без моего подтверждения.
3. Перед правкой конфига сделай его резервную копию.

Шаги:
0. Определи, кто ты (Claude Code, Codex или другой агент) и какая у меня система.
1. Проверь окружение: node --version и npx --version (нужен Node.js 18 или новее). Скажи, что нашёл.
2. Проверь, нет ли уже сервера с таким именем: `claude mcp get playwright` (в Codex: `codex mcp list`).
3. Подключи сервер:
   Claude Code: claude mcp add --scope user --transport stdio playwright -- npx -y @playwright/mcp@0.0.82 --isolated
   Codex: codex mcp add playwright -- npx -y @playwright/mcp@0.0.82 --isolated
   Если ты не Claude Code и не Codex, подключи способом, принятым у тебя, с той же командой запуска.
4. Проверка: `claude mcp list` (в Codex: `codex mcp list`), статус должен быть «Connected». Попроси меня перезапустить сессию. У сервера 25 инструментов, перечисли их. Сделай пробный запрос: «Открой https://code.tarasovweb.ru через Playwright, сними первый экран и перечисли ссылки в шапке сайта». Покажи результат.
5. Итог одним сообщением: что добавлено и куда, статус, число инструментов, команда отката и откуда восстановить копию конфига. Откат: `claude mcp remove playwright --scope user` (в Codex: `codex mcp remove playwright`).

Если на любом шаге ошибка, не чини наугад. Покажи текст ошибки и скажи, что, по-твоему, случилось. Частые проблемы: https://code.tarasovweb.ru/mcp/playwright#problemy
  • Выполнят Claude Code, Codex, Hermes и любой агент с доступом к терминалу.

Что нужно на компьютере: Node.js 18 или новее.

Ключ: не нужен.

Флаг --isolated: браузер запускается чистым и не помнит входы между сессиями, зато несколько сессий агента работают одновременно. Если нужен сохранённый вход в свой кабинет, убери флаг.

Проверь, что работает

Пробный запрос

Открой https://code.tarasovweb.ru через Playwright, сними первый экран и перечисли ссылки в шапке сайта.

Что должно получиться: Агент откроет главную, сделает снимок первого экрана и перечислит ссылки шапки. У нас на 24.09.2026 это Клуб, Встречи, Участники, Видео, Инструменты и продукты Вайб-кодинг, Hermes.

Пример работы

редакция, прогон при проверке 24.09.2026
Задача
Проверить, что главная открывается и шапка на месте
Промпт
Открой https://code.tarasovweb.ru через Playwright, сними первый экран и перечисли ссылки в шапке сайта.
Что сделал агент
  1. Открыл главную (browser_navigate).
  2. Снял первый экран (browser_take_screenshot).
  3. Снял структуру страницы и нашёл в ней шапку со ссылками (browser_snapshot).
  4. Закрыл страницу (browser_close).
Результат
Снимок первого экрана и список из семи ссылок шапки за четыре вызова, около двух секунд.

Инструменты

25 · описания около 6,1 тыс. токенов

Жёлтым то, что агент делает от твоего имени, красным запуск команд на компьютере. Нажми на имя: покажем, что делает инструмент, и описание, которое читает агент. В Claude Code инструменты грузятся по запросу и почти не занимают память агента; в других клиентах и при своём адресе подключения (ANTHROPIC_BASE_URL) описания грузятся целиком на каждом сообщении.

Когда не нужен

Если нужен один снимок страницы или короткая проверка, хватит команды Playwright без подключения: она не занимает память агента. Подключение нужно, когда агент долго ходит по сайту шаг за шагом и держит его состояние: проверка сценариев, поиск поломок.

Частые проблемы

7

«Browser is already in use»

На компьютере уже работает другой Playwright с тем же профилем браузера: вторая сессия агента или плагин. В команде из вкладок уже стоит флаг --isolated, с ним у каждой сессии свой браузер. Если ставил без него, добавь --isolated в конце команды.

В проекте появилась папка .playwright-mcp

Туда сервер кладёт снимки экрана и структуры страниц. Добавь .playwright-mcp в .gitignore, чтобы снимки не уехали в репозиторий.

Агент не видит инструментов сервера

Клиент не перезапущен после подключения: Claude Code читает подключения при старте сессии. Закрой и открой сессию, потом проверь: claude mcp list.

«spawn npx ENOENT» при запуске

Клиент не видит npx: приложения с иконкой не читают PATH из настроек терминала. Пропиши полный путь к npx. Узнать его: which npx на Mac, where npx на Windows.

«Unsupported engine» или падение при старте

Старая версия Node.js. Нужна 18 или новее, проверить: node --version.

Codex: сервер не успевает запуститься

Codex ждёт запуска 10 секунд, а первый запуск npx скачивает пакет дольше. Во вкладке Codex уже стоит startup_timeout_sec = 30, возьми фрагмент оттуда.

Агент путается в инструментах и медленно отвечает

В настройках Claude Code задан свой адрес подключения (ANTHROPIC_BASE_URL): поиск инструментов выключается, и описания всех подключений грузятся целиком. Оставь включёнными только нужные подключения.

Безопасность и данные

Кто сделал
Microsoft (официальный). Исходный код: github.com/microsoft/playwright-mcp, лицензия Apache-2.0.
Что видит агент
Страницы, которые открывает браузер: тексты, формы, сообщения консоли, сетевые запросы. Снимки страниц уходят в модель вместе с разговором.
Куда уходят данные
Данные остаются на компьютере.
Что может изменить
Нажимает, вводит, отправляет формы и загружает файлы с твоего компьютера на сайты. Инструмент browser_run_code_unsafe выполняет произвольный код на твоём компьютере, по сути это полный доступ. Если он не нужен, запрети его в разрешениях Claude Code: permissions.deny со строкой mcp__playwright__browser_run_code_unsafe. С флагом --isolated браузер не хранит входы между сессиями и в твои кабинеты не зайдёт, пока ты сам не войдёшь.
Наша проверка
Источник - репозиторий Microsoft microsoft/playwright-mcp и пакет @playwright/mcp в npm, лицензия Apache-2.0. В базе OSV записей о вредоносном коде нет. Уязвимость версий до 0.0.40 (подмена адреса через DNS давала доступ к инструментам сервера, GHSA-6fg3-hvw7-2fwq) исправлена, 0.0.82 не затронута. Описания всех 25 инструментов прочитаны, скрытых указаний агенту нет. В прогоне вызваны открытие страницы, снимок экрана, структура страницы и закрытие: каждый сделал ровно то, что написано. Версия в команде закреплена.
Версия
В командах закреплена версия 0.0.82: ставится ровно то, что мы проверили.
Проверить самому
агент прочитает код подключения как недоверенный

Журнал проверок

  • 24.09.2026·0.0.82·Claude Code, macOS·работает3dfd6c0890d98747

Отпечаток - контрольная сумма того, что сервер отдаёт агенту. Поменялся при той же версии - поменялось поведение.

Подключения делают их авторы. Мы проверяем установку и описываем, что они умеют, но код и сервис остаются чужими. Перед установкой посмотри, какие данные получит агент.

Илья Тарасов

Илья Тарасов

Основатель TarasovWeb и TarasovAgency. Предприниматель и веб-разработчик.

Об авторе проекта · Обсудить проект

Читайте также

MCP-серверы

amCharts 5

Агент строит графики для отчётов, сайта и кабинета на amCharts 5 по точной документации, примерам и справочнику свойств

MCP-серверы

Ant Design

Агент собирает кабинеты и панели управления на React из компонентов Ant Design по точным свойствам, примерам и токенам темы нужной версии

MCP-серверы

Ark UI

Даёт агенту свойства, готовые примеры и атрибуты для стилей компонентов Ark UI, когда он собирает интерфейс на React, Vue, Svelte или Solid