Home › Development › 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

★ 129 stars Last pushed 2026-10-14 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]"
      ]
    }
  }
}

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