What it is

Maintained by Google's Chrome DevTools team. It lets a coding agent control and inspect a live Chrome browser with full DevTools access: performance traces and insights, console messages with source-mapped stack traces, network request inspection, screenshots, DOM interaction, Lighthouse audits and memory debugging.

Why it earns a slot

Closes the loop where the agent writes frontend code but cannot see the result. It reads the real console error and the real network waterfall instead of asking you to paste a screenshot.

Know before you commit

If you attach it to an existing Chrome instance it drives your real profile and logged-in sessions — never point it at anything sensitive. Performance traces return very large payloads.

Getting started

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Field notes

0 from the community

Sign in to add a field note. Reading is always open.

Loading notes…

Field check

Unverified

Sign in to confirm this entry is still accurate.

Pricing snapshot

Free, open source

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Chrome DevTools MCP (https://github.com/ChromeDevTools/chrome-devtools-mcp) for this project, then use it only if it fits what we are already building.
Context: Official MCP server (browser debug). Maintained by Google's Chrome DevTools team. It lets a coding agent control and inspect a live Chrome browser with full DevTools access: performance traces and insights, console messages with source-mapped stack traces, network request inspection, screenshots, DOM interaction, Lighthouse audits and memory debugging.
Reviewer notes (general, not written for this codebase): Closes the loop where the agent writes frontend code but cannot see the result. It reads the real console error and the real network waterfall instead of asking you to paste a screenshot.
Watch out for: If you attach it to an existing Chrome instance it drives your real profile and logged-in sessions — never point it at anything sensitive. Performance traces return very large payloads.
Pricing: Free, open source
Setup: claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/chrome-devtools-mcp