Three.js DevTools MCP

Three.js DevTools MCP is a local MCP server: Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent. Install it from npm as threejs-devtools-mcp.

Claude CodeCodexAntigravity

commandprompt

Terminal

claude mcp add threejs-devtools -e DEV_PORT=... -e BRIDGE_PORT=... -e BROWSER=... -e HEADLESS=... -e CHROME_PATH=... -- npx -y threejs-devtools-mcp

Run in your project folder. Add --scope user to use it everywhere.

Add to claude_desktop_config.json or .cursor/mcp.json.

{
  "mcpServers": {
    "threejs-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "...",
        "BRIDGE_PORT": "...",
        "BROWSER": "...",
        "HEADLESS": "...",
        "CHROME_PATH": "..."
      }
    }
  }
}

Fill in the environment variables with your own credentials.

• Runtime: Node.js 18+ (runs with npx).
• MCP client: Claude Code, Codex, Antigravity, Claude Desktop, Cursor or any other client that speaks MCP over stdio.
• Environment variables: DEV_PORT, BRIDGE_PORT, BROWSER, HEADLESS, CHROME_PATH