Vibe CodingChrome DevTools
Gives an agent direct access to Chrome DevTools — network requests, console messages, and performance traces — for debugging and profiling live pages, not just clicking through them.
npx chrome-devtools-mcp@latestChrome DevTools MCP connects a coding agent to a live Chrome instance, exposing the same network, console, and performance-tracing tools available in DevTools. It lets an agent navigate pages, inspect requests, read console errors, and record performance traces from inside its own workflow.
Why it matters
It closes the loop between writing frontend code and verifying it actually works and performs well in a real browser, rather than an agent guessing at runtime behavior.
Good for
Debugging console errors, diagnosing slow page loads, and inspecting network activity while iterating on frontend code.