Three.js DevTools MCP

local MCP server

Installation

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.

Claude Desktop, Cursor & other clients

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.

Summary

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

Questions

Three.js DevTools MCP is a local MCP server distributed as the npm package threejs-devtools-mcp.

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

Run: codex mcp add threejs-devtools --env DEV_PORT=... --env BRIDGE_PORT=... --env BROWSER=... --env HEADLESS=... --env CHROME_PATH=... -- npx -y threejs-devtools-mcp

Similar MCP servers

NameStars

three.ws Avatars & Agentsio.github.nirholas/three.ws218
Agent-Native Designio.github.BuilderIO/agent-native-design6,874
Agent Swarmio.github.desplega-ai/agent-swarm835
Unity MCPdev.shiranui-isuzu/unity-mcp327
glade-mcpio.github.Glade-tool/glade-mcp223
three.ws 3D Agent Toolsio.github.nirholas/3d-agent-mcp218
three.ws Marketplaceio.github.nirholas/marketplace-mcp218
three.ws Avatarsio.github.nirholas/threews-avatar218