Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent
Use this profile to copy client config, check auth requirements, review tools and resources, and compare related MCP servers before adding it to an AI client.
npx -y threejs-devtools-mcp{
"DEV_PORT": "YOUR_VALUE_HERE",
"BRIDGE_PORT": "YOUR_VALUE_HERE",
"BROWSER": "YOUR_VALUE_HERE",
"HEADLESS": "YOUR_VALUE_HERE",
"CHROME_PATH": "YOUR_VALUE_HERE"
}Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.
{
"mcpServers": {
"io-github-dmitriygolub-threejs-devtools": {
"command": "npx",
"args": [
"-y",
"threejs-devtools-mcp"
],
"env": {
"DEV_PORT": "YOUR_VALUE_HERE",
"BRIDGE_PORT": "YOUR_VALUE_HERE",
"BROWSER": "YOUR_VALUE_HERE",
"HEADLESS": "YOUR_VALUE_HERE",
"CHROME_PATH": "YOUR_VALUE_HERE"
}
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.jsonNo remote HTTP endpoint is advertised. Use the package or stdio setup shown in Install.
Three.js DevTools MCP is an MCP server for Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent. It supports STDIO transport.
Use the generated config in Install. This server runs with npx -y threejs-devtools-mcp; add any required environment variables before starting your client.
Choose the Claude Desktop tab in Install and copy the config for npx -y threejs-devtools-mcp. Add required environment variables before starting Claude Desktop.
Choose the Claude Code tab in Install and copy the config for npx -y threejs-devtools-mcp. Add required environment variables before starting Claude Code.
Choose the Codex tab in Install and copy the config for npx -y threejs-devtools-mcp. Add required environment variables before starting Codex.
Choose the Cursor or VS Code tab in Install and copy the config for npx -y threejs-devtools-mcp. Add required environment variables before starting Cursor or VS Code.
Three.js DevTools MCP uses STDIO transport. Use the package or command config in Install.
Three.js DevTools MCP inventory is listed when the MCP endpoint exposes tools, resources, or prompts. Some servers require auth first.
Three.js DevTools MCP does not advertise a verified auth requirement. If discovery fails, it may still need provider login, an API key, a bearer token, or a session header.
| Package | Registry | Version | Inputs |
|---|---|---|---|
threejs-devtools-mcpstdio | npm | 0.2.1 | Env: DEV_PORT Env: BRIDGE_PORT Env: BROWSER Env: HEADLESS Env: CHROME_PATH |