HotStack

← Back to browse

browser-devtools-mcp

Indexed by io.github.serkan-ozal Productivity · Development
View source ↗

About

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

Use this server

Add it to your MCP client. The catalogue lists this config verbatim from its source — it does not run, download, or vouch for the server. Review the command before you run it.

TransportHTTP (remote server)
Claude Code 
claude mcp add --transport http browser-devtools-mcp 'https://{your_mcp_server_host}/mcp'
Cursor

Add to Cursor

If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.

VS Code 
code --add-mcp '{"name":"browser-devtools-mcp","type":"http","url":"https://{your_mcp_server_host}/mcp"}'
JSON 
{
  "mcpServers": {
    "browser-devtools-mcp": {
      "url": "https://{your_mcp_server_host}/mcp"
    }
  }
}