Chrome DevTools

This plugin gives Claude real browser control so your agent can open a Chrome instance, inspect the DOM, set breakpoints, step through scripts, record performance traces, and capture network traffic. It talks to Chrome over the DevTools Protocol via Puppeteer, so the agent can run the same commands you'd type into the inspector.

Use it to open pages, click elements, type into fields, read and modify attributes, take screenshots, capture HAR files, throttle CPU or network, emulate devices, and record a timeline trace. It can collect console logs, heap snapshots, and performance profiles, and it exposes the CDP domains you need to script audits, reproduce bugs, or validate rendering behavior.

The agent can run repeatable tests: load a commit, run a user flow, capture traces and HARs, and store artifacts for comparison. It reads DOM state, checks resource timings, maps requests to stack traces, and records traces you can analyze without leaving your editor.

For example, when a feature regresses in CI you can have the agent open the failing build, record a timeline trace and network HAR, and compare it to a prior run — you avoid switching to Chrome on your desktop and cut manual repro time during hotfixes.