Three.js DevTools MCP Server

What the code does

We read the source, 22 h ago · rules 3dff92dd89df

What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.

        savedPath = path.join(dir, filename);

Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

claude mcp add threejs-devtools -- npx -y threejs-devtools-mcp

{
  "mcpServers": {
    "threejs-devtools": {
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "command": "npx"
    }
  }
}

[mcp_servers.threejs-devtools]
command = "npx"
args = ["-y", "threejs-devtools-mcp"]

{
  "mcpServers": {
    "threejs-devtools": {
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "command": "npx"
    }
  }
}

{
  "mcpServers": {
    "threejs-devtools": {
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "command": "npx"
    }
  }
}

This one needs environment variables set before it will start: DEV_PORT (Dev server port to proxy (auto-detected from package.json if not set)), BRIDGE_PORT (Bridge proxy port (default: 9222)), BROWSER (Set to 'none' to disable auto-opening browser), HEADLESS (Set to 'true' for headless browser mode (CI)), CHROME_PATH (Custom Chrome/Edge executable path). The author declared them in the registry entry; get the values from the project itself.