skills.rest
notdp
notdpCOMMUNITY
Explore all skills by this author →
𝕏@heisebaiyunGitHub

chrome-devtools-mcp-fix

Automate Chrome DevTools MCP configuration by updating mcp.json with the WebSocket endpoint.

8|5|Updated Dec 3, 2025
Search Tags:#automation#debugging#configuration#mcp#chrome-devtools#droid#ws-endpoint
One-click install
npx skills add https://github.com/notdp/.dotfiles --skill chrome-devtools-mcp-fix
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools-mcp-fix
Source: https://github.com/notdp/.dotfiles/tree/main/skills/chrome-devtools-mcp-fix
Command: npx skills add https://github.com/notdp/.dotfiles --skill chrome-devtools-mcp-fix

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) components.

What problem does it solve?

该技能自动化 Chrome DevTools MCP 的配置，通过发现 WebSocket 端点并更新 mcp.json，消除了手动配置的繁琐。

Core Features & Use Cases

  • 自动检测 Chrome 的 DevTools 端点（来自 DevToolsActivePort）并构建 wsEndpoint。
  • 将 chrome-devtools 的配置写入 mcp.json，确保 Droid 的 MCP 集成可用，重启生效。
  • 使用场景：在需要可靠的 Chrome 远程调试 MCP 集成以支持自动化测试或调试时使用。

Quick Start

运行脚本以自动获取 Chrome DevTools WebSocket 端点并将其写入 mcp.json，然后重启 Droid 以应用新配置。

Frequently Asked Questions about chrome-devtools-mcp-fix

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Chrome DevTools MCP connection for Droid integration?▼

To configure Chrome DevTools MCP connection for Droid integration, run a Python script that discovers the WebSocket endpoint from the DevToolsActivePort file and writes the chrome-devtools entry into mcp.json. Restart Droid to apply the new configuration.

Why does my Chrome DevTools MCP configuration fail to connect?▼

Chrome DevTools MCP configuration fails if Chrome is not running with remote debugging enabled or the DevToolsActivePort file is missing. You need Chrome running with remote debugging on macOS or Linux so the script can detect the port and construct the wsEndpoint.

Do I need Python to automate Chrome DevTools MCP setup?▼

Yes, you need Python3 to automate Chrome DevTools MCP setup because the configuration script relies on it to detect the DevToolsActivePort file, construct the WebSocket endpoint, and update mcp.json automatically.

Can I use this automated MCP configuration on Windows?▼

No, this automated MCP configuration applies when Chrome is running with remote debugging enabled on macOS or Linux. The script relies on detecting the DevToolsActivePort file in these environments to construct the wsEndpoint for Droid integration.

What is the best way to find the WebSocket endpoint for Chrome remote debugging?▼

The best way to find the WebSocket endpoint for Chrome remote debugging is to read the DevToolsActivePort file. This script automates that process, extracting the port to construct the wsEndpoint and writing it directly into mcp.json.

Related Skills

Explore More Software Engineering Skills→
AlvaroBianoAlvaroBiano

node-inspect-debugger

Debug Node.js applications via the built-in inspector and Chrome DevTools Protocol.

Community
Intermediate
SternrasslerSternrassler
1

Chrome DevTools MCP Skill

Automate browser interactions and testing via the Chrome DevTools MCP Server.

Official
Advanced
JustinWangJPJustinWangJP
6

chrome-devtools

Automate browser debugging and web page manipulation via Chrome DevTools MCP.

Community
Intermediate
sharegpusharegpu

troubleshooting

Diagnose Chrome DevTools MCP configuration and connectivity errors.

Official
Advanced