Что это даёт ИИ
ИИ получает настоящий браузер: открывает страницы, кликает, заполняет формы, читает результат и делает скриншоты. Ключевая фишка — работа через accessibility-дерево (структурированный снапшот страницы), а не по пикселям, поэтому действия точные и быстрые, без хрупкого распознавания картинок.
Пример: «Проверь, что логин работает с test@example.com» — ИИ откроет страницу, введёт данные, нажмёт «Войти» и подтвердит, что попал в кабинет, а не «поверит на слово».
Подключение (точные шаги)
Claude Code
Локальный stdio-сервер:
claude mcp add playwright -- npx -y @playwright/mcp@latest
Cursor / Claude Desktop
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["-y", "@playwright/mcp@latest"]
}
}
}
Полезные флаги добавляются в args: --headless (без окна, для CI), --browser chrome|firefox|webkit, --isolated (чистый профиль на каждую сессию).
Пример использования
Скажи: «Открой checkout на мобильном вьюпорте и сделай скриншот» → ИИ выставит мобильный размер, перейдёт на страницу оформления и вернёт изображение. Или «пройди весь флоу регистрации и скажи, где отвалилось» — реальный прогон, а не догадки.
Безопасность
- Изоляция: для непроверенных сайтов запускай
--isolatedи/или--headless, чтобы ИИ не работал в твоём залогиненном профиле с куками и паролями. - Prompt injection: браузер открывает внешние страницы — их содержимое может содержать вредные инструкции. Не давай серверу доступ к чувствительным вкладкам и не подключай его к боевым админкам без присмотра.
- Supply-chain: пакет
@playwright/mcp— официальный, от Microsoft (★33.3k). Первый запуск докачивает бинарники браузеров (npx playwright install).
Подводные камни
- Первый запуск тянет браузерные движки (сотни МБ) — на CI закладывайте время/кеш.
- В headful-режиме ИИ может «увести» ваш реальный профиль; для тестов берите
--isolated. - Набор тулзов широкий (навигация, клики, сеть, вкладки) — на слабой задаче лучше ограничить, чтобы не раздувать контекст.