Three.js DevTools MCP for VS Code
io.github.dmitriygolub/threejs-devtools
Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent
client:VS Code
transport:stdio
runtime:npm
Install Three.js DevTools MCP in VS Code
.vscode/mcp.json
{
"inputs": [
{
"type": "promptString",
"id": "dev-port",
"description": "DEV_PORT",
"password": true
},
{
"type": "promptString",
"id": "bridge-port",
"description": "BRIDGE_PORT",
"password": true
},
{
"type": "promptString",
"id": "browser",
"description": "BROWSER",
"password": true
},
{
"type": "promptString",
"id": "headless",
"description": "HEADLESS",
"password": true
},
{
"type": "promptString",
"id": "chrome-path",
"description": "CHROME_PATH",
"password": true
}
],
"servers": {
"threejs-devtools": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"threejs-devtools-mcp"
],
"env": {
"DEV_PORT": "${input:dev-port}",
"BRIDGE_PORT": "${input:bridge-port}",
"BROWSER": "${input:browser}",
"HEADLESS": "${input:headless}",
"CHROME_PATH": "${input:chrome-path}"
}
}
}
}VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs