browser devtools mcp for VS Code

io.github.serkan-ozal/browser-devtools-mcp

Playwright browser & Node.js MCP. ARIA refs, screenshots, ref-based interactions.

client:VS Code transport:streamable-http runtime:npm

Install browser devtools mcp in VS Code

.vscode/mcp.json

{
  "servers": {
    "browser-devtools-mcp": {
      "type": "http",
      "url": "https://{your_mcp_server_host}/mcp"
    }
  }
}

Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs