browser-qa · c0x12c — скилл для Claude Code: что делает и как установить
Скилл запускает Playwright в реальном Chromium, обходит страницы веб-приложения и находит ошибки рендеринга, консоли и форм перед деплоем.
npx skills add c0x12c/ai-toolkit --skill browser-qa -a claude-codeЧто делает browser-qa
Скилл организует сквозное тестирование интерфейса через Playwright в безголовом браузере. Агент анализирует HTTP-статусы, сетевые вызовы, доступность медиафайлов и ошибки в console.error. Проверка запускается в двух режимах: десктопном на 1280px и мобильном на 375px с включённой эмуляцией тач-событий.
Инструмент выполняет разовый прогон без запуска фоновых демонов. Агент нажимает на кнопки, проверяет реакцию пустых и заполненных форм, тестирует открытие диалогов и переходы по ссылкам. Если тест падает, утилита сохраняет скриншот проблемного места и сводит результаты в итоговый отчёт.
Если веб-приложение использует веб-сокеты или регулярный polling, ожидание networkidle зависнет намертво, поэтому здесь требуется проверка селекторов или события domcontentloaded. Скилл не трогает код самостоятельно: сначала он показывает список найденных дефектов и только после запроса предлагает исправления.
Какие задачи решает
- найти скрытые ошибки JavaScript в консоли браузера
- проверить вёрстку страниц на экранах 1280px и 375px
- протестировать поведение кнопок, модальных окон и валидацию форм
- собрать отчёт с упавшими сетевыми запросами и скриншотами сбоев
Примеры запросов агенту
- Проверь через browser-qa локальный фронтенд и найди ошибки консоли
- Запусти browser-qa для проверки мобильной вёрстки и форм перед открытием PR
Как установить browser-qa
1Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill browser-qa -a claude-code2Вручную: положить файлы
~/.claude/skills/browser-qa/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/browser-qa/
1Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill browser-qa -a codex2Вручную: положить файлы
.agents/skills/browser-qa/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill browser-qa -a cursor2Вручную: положить файлы
.cursor/skills/browser-qa/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install c0x12c/ai-toolkit browser-qa2Вручную: положить файлы
.github/skills/browser-qa/SKILL.md1Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill browser-qa -a gemini-cli2Командой платформы
gemini skills install https://github.com/c0x12c/ai-toolkit --path toolkit/skills/browser-qaВручную: положить файлы
.devin/skills/browser-qa/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill browser-qa -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о browser-qa
Как установить browser-qa в Claude Code?
Выполните команду npx skills add c0x12c/ai-toolkit --skill browser-qa -a claude-code. Файл навыка сохранится в ~/.claude/skills/browser-qa/SKILL.md.
Что делает скилл browser-qa?
Он запускает Chromium через Playwright, открывает доступные маршруты проекта, тестирует кликабельность элементов и отдаёт отчёт со скриншотами упавших шагов.
Учитывает ли browser-qa предупреждения в консоли браузера?
Предупреждения фреймворков и уведомления гидратации намеренно игнорируются. Ошибками считаются только вызовы console.error и сетевые сбои с кодами 4xx или 5xx.
Похожие скиллы
Все скиллы по теме «Тесты и QA» →Сначала — browser-qa от других авторов.
