How to install Three.js DevTools MCP in Windsurf
To install Three.js DevTools MCP in Windsurf, paste the "three-js-devtools-mcp" block into ~/.codeium/windsurf/mcp_config.json and refresh the MCP panel in Cascade.
Built from the published package · server updated 7 days ago
- 1
Open the MCP config
In Windsurf, open Settings, then Cascade, then MCP servers, and choose to view the raw config.
- 2
Add the server
Paste this into mcp_config.json:
{ "mcpServers": { "three-js-devtools-mcp": { "command": "npx", "args": [ "-y", "threejs-devtools-mcp" ] } } } - 3
Refresh
Click refresh in the MCP panel. The server and its tools appear in Cascade.
Config file: ~/.codeium/windsurf/mcp_config.json
MCP servers run with your permissions. If Three.js DevTools MCP needs an API key, add it under env in the config. Check its README.
Install Three.js DevTools MCP in another app
Similar servers
Start Claude Code and Codex agents the person can watch, wait for them and read their answers.
Publish and discover MCP servers via the official MCP Registry. Powered by HAPI MCP server.
Provide your AI coding tools with token-efficient access to up-to-date technical documentation for…
Questions
Does Three.js DevTools MCP work in Windsurf?
Yes. Windsurf supports local and remote mcp servers, and Three.js DevTools MCP installs with the steps above.
Three.js DevTools MCP does not show up in Windsurf. What now?
Restart Windsurf fully, check the JSON is valid, and make sure Node.js (for npx) is installed. See common MCP errors and fixes.
Is Three.js DevTools MCP safe?
It scores 79 of 100. Review the code before you install it, and only give it the access it needs. Grades and details.
