Назад в каталог

Addy browser-testing-with-devtools

Real-browser verification skill для UI-задач, которым нужна runtime evidence, а не только чтение исходников.

Репозиторий
addyosmani/agent-skills
Путь skill
skills/browser-testing-with-devtools/SKILL.md
Системы
Claude Code, Codex, Cursor, Windsurf / Devin, OpenCode, Zed
Установка
npx add-skill addyosmani/agent-skills
GitHub stars
48,672
Обновлено
2026-06-06
Источник
README · SKILL.md

Что это

browser-testing-with-devtools - browser verification skill вокруг Chrome DevTools MCP. Он предлагает агенту смотреть DOM, console, network requests, performance data и visual output в реальном runtime.

Чем полезно

UI bugs часто не видны при static code review. Skill даёт агенту причину открыть браузер и проверить то, что реально видит пользователь.

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

  • Debugging layout, styling или interaction bugs.
  • Проверка console errors и network failures.
  • Profiling frontend performance и Core Web Vitals.

Важно

Skill предполагает наличие Chrome DevTools MCP. Если в окружении используется Playwright, workflow можно адаптировать, но оставить принцип evidence-first.