browser-testing-with-devtools

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。