HotStack

← Back to browse

Three.js DevTools MCP

Indexed by io.github.DmitriyGolub
View source ↗

About

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

Use this server

Add it to your MCP client. The catalogue lists this config verbatim from its source — it does not run, download, or vouch for the server. Review the command before you run it.

Transportstdio (runs a local command)
Env varsDEV_PORT BRIDGE_PORT BROWSER HEADLESS CHROME_PATH
Claude Code 
claude mcp add --env DEV_PORT= --env BRIDGE_PORT= --env BROWSER= --env HEADLESS= --env CHROME_PATH= threejs-devtools -- npx threejs-devtools-mcp
Cursor

Add to Cursor

If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.

VS Code 
code --add-mcp '{"name":"threejs-devtools","command":"npx","args":["threejs-devtools-mcp"],"env":{"DEV_PORT":"","BRIDGE_PORT":"","BROWSER":"","HEADLESS":"","CHROME_PATH":""}}'
JSON 
{
  "mcpServers": {
    "threejs-devtools": {
      "command": "npx",
      "args": [
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "",
        "BRIDGE_PORT": "",
        "BROWSER": "",
        "HEADLESS": "",
        "CHROME_PATH": ""
      }
    }
  }
}

Environment variables are listed by name only — fill in your own values. Entries never carry secrets.