Skip to content
don’t make it ugly
All resources

MCP serverAgent Resources, Tools

Chrome DevTools MCP

Let your agent inspect, debug and profile a live Chrome tab.

Open sourceFree
Visit website (opens in a new tab)View GitHub (opens in a new tab)
Preview of Chrome DevTools MCP

What it is

Google's official Chrome DevTools MCP server connects a coding agent to a running Chrome instance with access to the DevTools protocol: screenshots, DOM and CSS inspection, console messages, network requests and performance traces. It complements Playwright MCP with deeper debugging.

Why it’s here

When something is visually wrong and you can't explain why, this lets the agent inspect the actual computed styles and layout instead of guessing from source.

Best for

  • debugging layout and CSS
  • performance checks
  • inspecting a live page

Can my agent use this?

Agent excellent agent friendliness

Yes, this is built for agents. Follow the README to add it, then ask the agent to inspect a specific element or run a performance trace.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • MCP
  • GitHub
  • npm
  • Docs

Install

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

Related resources

  • Playwright MCP
    Preview of Playwright MCP

    Playwright MCP

    Give your agent a browser so it can see and test what it built.

    MCP serverFreeOpen sourceexcellent agent friendliness
    Staff pickUsed by me
  • Context7
    Preview of Context7

    Context7

    An MCP server that feeds your agent current, version-specific library docs.

    MCP serverOpen sourceexcellent agent friendliness
    Staff pickUsed by me
  • 21st.dev Magic MCP
    Preview of 21st.dev Magic MCP

    21st.dev Magic MCP

    Describe a component in your agent and get a polished one generated from a large library.

    MCP serverOpen sourceexcellent agent friendliness
  • Fontsource
    Preview of Fontsource

    Fontsource

    Self-host any open-source font with an npm install.

    PackageFreeOpen sourceexcellent agent friendliness