GeneralMCP★53k

Chrome DevTools MCP (Google)

by ChromeDevTools ✓

Summary

The official Chrome DevTools MCP: your agent opens Chrome, inspects console, network and performance, and runs Lighthouse.

Content

Official MCP server from the Chrome DevTools team. It gives your agent a real Chrome with the developer tools: navigate, fill in forms, read the console and network, record performance traces and run Lighthouse. Useful for debugging a client's site or confirming a change looks right without opening the browser by hand. Indexed and credited to ChromeDevTools (Google); the guide lives in their official repo.

Included tools

  • navigate_pageOpens a URL in Chrome.
  • take_screenshotTakes a screenshot of the page.
  • list_console_messagesLists the console messages.
  • list_network_requestsLists the network requests.
  • lighthouse_auditRuns a Lighthouse audit.
View official page

Install

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

How to use

Add the MCP server to your client (Claude Code, Cursor, Codex) following the official guide at the link below and restart. It needs Chrome installed.

Recommended

See more →

More resources like this

Get the newest prompts and tools every week.