Three.js DevTools MCP

io.github.DmitriyGolub/threejs-devtools·v0.2.1·Calendar & Time

Quality Score

/100

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

Repository →Website →

§01 Install

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "threejs-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "<dev_port>",
        "BRIDGE_PORT": "<bridge_port>",
        "BROWSER": "<browser>",
        "HEADLESS": "<headless>",
        "CHROME_PATH": "<chrome_path>"
      }
    }
  }
}

Cursor (.cursor/mcp.json)

{
  "mcpServers": {
    "threejs-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "<dev_port>",
        "BRIDGE_PORT": "<bridge_port>",
        "BROWSER": "<browser>",
        "HEADLESS": "<headless>",
        "CHROME_PATH": "<chrome_path>"
      }
    }
  }
}

Cline (cline_mcp_settings.json)