Agent skill
julien-mcp-chrome-devtools
Install Chrome DevTools MCP for browser debugging. Use when user needs Chrome DevTools Protocol integration.
Stars
163
Forks
31
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/julien-mcp-chrome-devtools
SKILL.md
MCP Chrome DevTools Installer
This skill installs the Chrome DevTools MCP server into the current project.
Installation Procedure
When the user asks to install Chrome DevTools MCP:
- Check for existing
.mcp.jsonin the project root - Merge configuration - Add this server to
mcpServers:
json
{
"chrome-devtools": {
"command": "cmd",
"args": ["/c", "npx", "-y", "chrome-devtools-mcp@latest"]
}
}
- If
.mcp.jsondoesn't exist, create it with the full structure:
json
{
"mcpServers": {
"chrome-devtools": {
"command": "cmd",
"args": ["/c", "npx", "-y", "chrome-devtools-mcp@latest"]
}
}
}
Prerequisites
- Chrome browser must be running with remote debugging enabled
- Node.js and npm installed
Usage After Installation
Restart Claude Code to activate the MCP server.
Skill Chaining
- Input: User request to install Chrome DevTools MCP
- Output: Configured
.mcp.jsonwith chrome-devtools server - Tools Used: Read, Edit, Write
- Chains With: Playwright MCP for automation
Troubleshooting
| Problem | Solution |
|---|---|
| Chrome not running | Start Chrome with --remote-debugging-port=9222 |
npx not found |
Install Node.js and ensure npm is in PATH |
| Connection refused | Check debugging port is correct (default 9222) |
| Tab not found | Ensure target page is open in Chrome |
Didn't find tool you were looking for?