Playwright даёт агенту живой браузер: открывать страницы, кликать, читать DOM, снимать локаторы — и гонять e2e-тесты. Как подключить.
По умолчанию агент не видит браузер — он работает с файлами и терминалом. Чтобы он мог открыть страницу, кликнуть по кнопке и посмотреть реальный DOM, ему дают браузер. Делает это Playwright.
Живая проверка. Агент открывает страницу и видит, как она устроена на самом деле: какие локаторы реальны, какие поля обязательны, что показывается после клика.
Автотесты. Playwright — ещё и движок e2e-тестов: агент пишет и запускает их.
В генерации тестов это ключевой шаг: агент сверяет сценарий вживую до того, как писать код. DOM почти всегда расходится с догадками — скрытые поля, лейблы не те, кнопки без data-testid. Подробнее — в туториале «Создание своего skill».
Playwright CLI (@playwright/cli) — консольный инструмент, специально сделанный для кодинг-агентов. Агент водит браузер обычными командами — open, goto, click, snapshot, eval — и в контекст падает только текстовый вывод команды, а не дамп страницы. Ставится глобально:
npm install -g @playwright/cli@latest
Дальше агент сам открывает страницу и снимает локаторы:
playwright-cli open https://example.complaywright-cli snapshotplaywright-cli eval "el => el.getAttribute('data-testid')" e5
Playwright MCP (@playwright/mcp) — то же «вождение» браузера, но через MCP-инструменты. Подключается как MCP-сервер:
claude mcp add playwright npx @playwright/mcp@latest
Удобно, но дорого по токенам: каждый шаг тащит в контекст полный снапшот страницы (accessibility-дерево/DOM), и за сессию это набегает в десятки тысяч токенов.
Прогон уже написанных e2e-тестов — отдельная история, это раннер npx playwright test (пакет @playwright/test).
По умолчанию выбирай CLI. Та же живая проверка и снятие локаторов, но заметно дешевле по токенам — агент сам решает, что забрать в контекст, а не получает дамп страницы на каждый клик. MCP бери точечно, когда реально нужно интерактивно «пощёлкать» сложный сценарий, который скриптом не воспроизвести.
Проверь себя
1. Что даёт агенту Playwright MCP?
2. Зачем живая проверка через браузер перед написанием теста?
3. Почему по умолчанию лучше брать Playwright CLI, а не MCP?