Webapp Testing: скилл Anthropic для тестов веб-приложений на Playwright

anthropics/skills· Проверено 13.11.2026· 193,9 тыс.на GitHub

Скилл Anthropic для проверки локального веб-приложения: агент пишет скрипты Playwright на Python, сам поднимает dev-сервер, делает скриншоты и собирает логи консоли браузера.

Как установить Webapp Testing

Личные скиллы лежат в ~/.claude/skills/, проектные — в .claude/skills/ репозитория. Проверка: команда /skills в сессии, вызов по имени — /webapp-testing.

# плагином, внутри Claude Code
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

# или вручную
git clone --depth 1 https://github.com/anthropics/skills.git /tmp/webapp-testing
mkdir -p ~/.claude/skills/webapp-testing
cp -r /tmp/webapp-testing/skills/webapp-testing/. ~/.claude/skills/webapp-testing/

Что умеет

Поднять один или несколько серверов (бэкенд и фронтенд) и прогнать сценарий
Сделать скриншот страницы целиком
Найти на странице кнопки, ссылки и поля и выполнить действия
Собрать логи консоли браузера
Проверить статичный HTML по адресу file://

Агент выбирает путь по дереву решений: статичный HTML читает напрямую, для динамического приложения сначала поднимает сервер.

scripts/with_server.py запускает серверы и ваш сценарий; агент вызывает его с --help и исходник не читает.

Сценарий строится по схеме «разведка, потом действие»: дождаться networkidle, снять скриншот или DOM, найти селекторы, выполнить действия.

В examples/ лежат образцы: поиск элементов, статичный HTML, сбор логов консоли.

Что нужноPython с Playwright и браузером Chromium

Что попросить агента

Проверь, что на <localhost:5173> работает форма входаЗапустит dev-сервер через with_server.py, заполнит форму и снимет скриншот результата
Подними бэкенд <команда> и фронтенд <команда> и пройди сценарий оформления заказаЗапустит оба сервера и прогонит сценарий Playwright по шагам
Почему на странице <путь> пустой экран? Посмотри консольОткроет страницу, дождётся загрузки и соберёт ошибки из консоли браузера

Ограничения

!

Рассчитан на локальные веб-приложения

!

Chromium запускается без окна (headless)

!

Anthropic выложила скиллы репозитория для демонстрации и обучения

Описание из SKILL.md

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Частые вопросы

Где взять webapp testing skill на GitHub?
В репозитории anthropics/skills, папка skills/webapp-testing: SKILL.md, scripts/with_server.py и примеры в examples/.
Как добавить скилл webapp-testing в Claude?
В Claude Code — плагином example-skills@anthropic-agent-skills, в claude.ai примеры из репозитория уже есть на платных планах.
Чем скилл отличается от Playwright MCP?
Скилл учит агента писать и запускать скрипты Playwright на Python. Playwright MCP даёт агенту готовые инструменты браузера через MCP-сервер.
Сервер нужно запускать вручную?
Нет. Скрипт with_server.py сам поднимает один или несколько серверов на указанных портах и затем запускает сценарий.
Почему агент ждёт networkidle?
В динамическом приложении DOM до выполнения JavaScript неполный; скилл требует дождаться networkidle и только потом искать элементы.
Как поставить в Claude Code?
Добавьте маркетплейс: /plugin marketplace add anthropics/skills, затем /plugin install example-skills@anthropic-agent-skills.

Похожие скиллы