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.