English Français العربية

Three.js DevTools MCP

Official registry Developer tools

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

Source code Website

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

NPM package threejs-devtools-mcp
Claude Code 
claude mcp add three-js-devtools-mcp -e 'DEV_PORT=<DEV_PORT>' -e 'BRIDGE_PORT=<BRIDGE_PORT>' -e 'BROWSER=<BROWSER>' -e 'HEADLESS=<HEADLESS>' -e 'CHROME_PATH=<CHROME_PATH>' -- npx -y threejs-devtools-mcp@0.2.1
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "three-js-devtools-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "threejs-devtools-mcp@0.2.1"
            ],
            "env": {
                "DEV_PORT": "<DEV_PORT>",
                "BRIDGE_PORT": "<BRIDGE_PORT>",
                "BROWSER": "<BROWSER>",
                "HEADLESS": "<HEADLESS>",
                "CHROME_PATH": "<CHROME_PATH>"
            }
        }
    }
}

Environment variables

  • 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

Frequently asked questions

What is Three.js DevTools MCP?

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

How do I install Three.js DevTools MCP?

It runs on your machine. In Claude Code: claude mcp add three-js-devtools-mcp -e 'DEV_PORT=<DEV_PORT>' -e 'BRIDGE_PORT=<BRIDGE_PORT>' -e 'BROWSER=<BROWSER>' -e 'HEADLESS=<HEADLESS>' -e 'CHROME_PATH=<CHROME_PATH>' -- npx -y threejs-devtools-mcp@0.2.1. For other clients, paste the JSON configuration from this page into their MCP settings.

Does Three.js DevTools MCP need an API key?

Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.

Is Three.js DevTools MCP open source?

Its code is public on GitHub, but the repository does not declare a standard license.

Who maintains Three.js DevTools MCP?

It is published by DmitriyGolub. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.