Webapp Testing (Anthropic)

Что умеет навык

webapp-testing учит агента писать собственные сценарии на Python с playwright.sync_api. Для запуска приложений есть вспомогательный скрипт scripts/with_server.py: он берёт на себя жизненный цикл одного или нескольких серверов (например, бэкенда и фронтенда): запускает их на указанных портах, затем выполняет сценарий. Скрипт предлагают использовать как чёрный ящик: сначала вызвать с --help, а исходник открывать только если стандартного поведения не хватило, чтобы не засорять контекст.

В навыке есть дерево решений. Для статического HTML агент читает файл, определяет селекторы и пишет сценарий. Для динамического приложения без запущенного сервера использует with_server.py, а если сервер уже работает, действует по схеме «сначала разведка, потом действие»: открыть страницу, дождаться networkidle, сделать скриншот или осмотреть DOM, найти селекторы и выполнить действия. В папке examples/ лежат образцы: поиск элементов на странице, автоматизация статического HTML через file:// и сбор логов консоли.

Когда использовать

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

Ключевая ловушка, о которой предупреждает SKILL.md: нельзя осматривать DOM динамического приложения до ожидания networkidle, иначе JavaScript ещё не успел отработать. Поэтому всегда нужно вызывать page.wait_for_load_state('networkidle'), а в конце закрывать браузер.

Ограничения и безопасность

Навык рассчитан на локальные приложения. Браузер Chromium всегда запускается в безголовом режиме, а сценарии создаются под конкретную задачу. В SKILL.md не описана установка Playwright, поэтому Python и пакет playwright с браузером нужно подготовить заранее.

Сценарии и вспомогательный скрипт исполняются на вашей машине и запускают команды, которые вы передаёте через --server, так что давайте агенту только знакомые команды запуска. Все действия выполняются в браузере, который запускает сценарий, поэтому проверка зависит от того, насколько точно подобраны селекторы и ожидания. Лицензия: в папке навыка лежит файл LICENSE.txt с Apache 2.0.

Claude Code

Зарегистрируйте репозиторий как маркетплейс плагинов, выполнив в Claude Code:

/plugin marketplace add anthropics/skills

Затем установите набор примеров (в нём webapp-testing, web-artifacts-builder, skill-creator и другие):

/plugin install example-skills@anthropic-agent-skills

Установить можно и через меню: Browse and install plugins, затем anthropic-agent-skills, затем example-skills и Install now.

После установки навык срабатывает по упоминанию в запросе.

Claude.ai и Claude API

README репозитория сообщает, что эти примеры навыков уже доступны в Claude.ai на платных тарифах. Пользовательские навыки загружают по инструкции «Using skills in Claude» из справки Anthropic. Через API работают предустановленные и загружаемые навыки, подробности в разделе Skills API Quickstart документации Claude.

Запуск сервера и сценария

Примеры из SKILL.md. Один сервер:

python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py

Несколько серверов:

python scripts/with_server.py \
  --server "cd backend && python server.py" --port 3000 \
  --server "cd frontend && npm run dev" --port 5173 \
  -- python your_automation.py