Claude Код 👁 3

Playwright MCP и Claude: сайт глазами посетителя

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

Промпт Запустить →
Промокод — до 50% бонусами к первому пополнению в most-ai 
Пройди сценарий на сайте как обычный посетитель через Playwright MCP и найди, где он ломается.

Сайт: [АДРЕС: тестовая копия сайта, не боевой]
Сценарий: [СЦЕНАРИЙ: зарегистрироваться, добавить товар в корзину, дойти до страницы оплаты]
Ширина экрана: [ЭКРАН: телефон 390 px и компьютер 1440 px]

Как проходить:
1. Иди по шагам, как человек: открывай страницы, нажимай кнопки, заполняй поля тестовыми данными. Перед каждым действием снимай снимок страницы и выбирай элемент по нему, а не наугад.
2. На каждом шаге отмечай, что ожидал увидеть, что увидел и сколько ждал ответа.
3. Проверь ошибки в формах: пустое поле, неверный телефон, слишком длинное имя — что сайт пишет в ответ.
4. Пройди сценарий на обеих ширинах экрана.

Отчёт — таблица: шаг, что сломано или неудобно, как повторить, насколько серьёзно (блокирует, мешает, косметика). К каждой находке «блокирует» — скриншот.

Исключено: вводить настоящие номера карт, пароли и телефоны — только тестовые; нажимать кнопки оплаты и подтверждения заказа на боевом сайте; отправлять формы, которые уходят живым людям, — заявки, письма, сообщения.

Перед выдачей повтори шаги каждой находки второй раз и проверь, что она воспроизводится. Не повторилась — пометь её «плавающая».
Запустить промпт →

Похожие промпты

Claude
Chrome DevTools MCP в Claude: почему тормозит сайт
Claude
n8n MCP и Claude Code: workflow по базе, не по памяти
Claude
GitHub MCP для Claude: разбор задач и пулреквестов
Claude
Figma MCP в Claude Code: вёрстка экрана по макету
Claude
Perplexity MCP: ответ Claude со свежими источниками
Claude
Blender MCP: Claude строит 3D-сцену слоями
Claude
Хук Claude Code против rm -rf и git push --force
Claude
CLAUDE.md для проекта: Claude Code напишет его сам

Пример результата

Как подключить: claude mcp add playwright npx @playwright/mcp@latest — нужен Node.js 18 или новее. В Claude Desktop то же самое — строка в файле claude_desktop_config.json: "playwright": {"command": "npx", "args": ["@playwright/mcp@latest"]}. Сервер открытый, от Microsoft (Apache-2.0). Что получится: браузер откроется отдельным окном, и видно, как Claude идёт по сценарию. Страницу он читает не картинкой, а деревом элементов, поэтому нужную кнопку находит точно. В конце — таблица находок с шагами, по которым их повторить, и скриншоты к тем, что блокируют сценарий. Совет: проверяйте тестовую копию сайта. Если сценарию нужен вход в кабинет, заведите тестовую учётную запись. Чтобы проверка шла без окна, запускайте сервер с флагом: claude mcp add playwright -- npx @playwright/mcp@latest --headless.

Полезные статьи

MCP для Claude: как подключить 7 серверов с промтами
Скилы для Claude: 14 готовых скиллов и как их установить
Промт для логотипа: готовые промпты и где ИИ ошибается

Все гайды →