Home › Other › Three.js DevTools MCP

Three.js DevTools MCP

Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent

TypeScript

★ 109 stars Last pushed 2026-04-07 License: MIT

View repository → Website →

Connect

Review any command before running it. Package names and URLs come from the server's own registry entry.

Package (npm 0.2.1)

npx -y [email protected]

Or add to your MCP client config:

{
  "mcpServers": {
    "threejs-devtools-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "[email protected]"
      ],
      "env": {
        "DEV_PORT": "<YOUR_VALUE>",
        "BRIDGE_PORT": "<YOUR_VALUE>",
        "BROWSER": "<YOUR_VALUE>",
        "HEADLESS": "<YOUR_VALUE>",
        "CHROME_PATH": "<YOUR_VALUE>"
      }
    }
  }
}

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