·browser-testing-with-devtools
</>

browser-testing-with-devtools

Используйте при создании или отладке всего, что работает в браузере. Используйте, когда вам нужно проверить DOM, зафиксировать ошибки консоли, проанализировать сетевые запросы, производительность профиля или проверить визуальный вывод с реальными данными времени выполнения через Chrome DevTools MCP.

19Установки·1Тренд·@addyosmani

Установка

$npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools

Как установить browser-testing-with-devtools

Быстро установите AI-навык browser-testing-with-devtools в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: addyosmani/agent-skills.

Use Chrome DevTools MCP to give your agent eyes into the browser. This bridges the gap between static code analysis and live browser execution — the agent can see what the user sees, inspect the DOM, read console logs, analyze network requests, and capture performance data. Instead of guessing what's happening at runtime, verify it.

When NOT to use: Backend-only changes, CLI tools, or code that doesn't run in a browser.

| Tool | What It Does | When to Use |

Используйте при создании или отладке всего, что работает в браузере. Используйте, когда вам нужно проверить DOM, зафиксировать ошибки консоли, проанализировать сетевые запросы, производительность профиля или проверить визуальный вывод с реальными данными времени выполнения через Chrome DevTools MCP. Источник: addyosmani/agent-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools
Источник
addyosmani/agent-skills
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-22
Обновлено
2026-03-10

Browse more skills from addyosmani/agent-skills

Короткие ответы

Что такое browser-testing-with-devtools?

Используйте при создании или отладке всего, что работает в браузере. Используйте, когда вам нужно проверить DOM, зафиксировать ошибки консоли, проанализировать сетевые запросы, производительность профиля или проверить визуальный вывод с реальными данными времени выполнения через Chrome DevTools MCP. Источник: addyosmani/agent-skills.

Как установить browser-testing-with-devtools?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/addyosmani/agent-skills