C

Chrome DevTools MCP

@sickn33
Visit Skill
Share:

Chrome DevTools for coding agents.

What is Chrome DevTools MCP?

Chrome DevTools MCP exposes browser debugging and inspection capabilities to coding agents through an MCP-compatible interface.

How to use Chrome DevTools MCP?

Use this skill when your agent needs browser inspection, debugging, or page interaction tooling during development workflows.

Key features of Chrome DevTools MCP

  • Browser debugging for agents
  • Chrome DevTools integration
  • MCP-compatible workflow support
  • Puppeteer-adjacent inspection surface

Use cases of Chrome DevTools MCP

  1. 1Frontend debugging
  2. 2Browser automation troubleshooting
  3. 3Agent-assisted web inspection

Installation

RecommendedOne-line install
git clone --depth 1 https://github.com/sickn33/antigravity-awesome-skills.git /tmp/ag-skills && mkdir -p ~/.agent/skills && cp -r /tmp/ag-skills/skills/chrome-devtools-mcp ~/.agent/skills/ && rm -rf /tmp/ag-skills
Step-by-step install
Step 1: Create skills directory
mkdir -p ~/.agent/skills
Step 2: Clone the skills repository
git clone --depth 1 https://github.com/sickn33/antigravity-awesome-skills.git /tmp/ag-skills
Step 3: Copy this skill
cp -r /tmp/ag-skills/skills/chrome-devtools-mcp ~/.agent/skills/
Step 4: Clean up temporary files
rm -rf /tmp/ag-skills

Supported Platforms

claudecursorantigravitygemini

Server Config

config.json
{
  "mcpServers": {
    "chrome-devtools-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp"
      ]
    }
  }
}
View on GitHub