Three.js DevTools MCP
CommunityMCP server by DmitriyGolub · updated · ★ 122
Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent Three.js DevTools MCP is a community project by DmitriyGolub, not verified by a company domain.
Last commit 6 days ago
MIT: permissive, fine for commercial use
Clear description, published package or server URL, 122 stars, original repository
Not checked yet. What we check
Install Three.js DevTools MCP
Built from the published package, never by AIclaude mcp add three-js-devtools-mcp -- npx -y threejs-devtools-mcpRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"three-js-devtools-mcp": {
"command": "npx",
"args": [
"-y",
"threejs-devtools-mcp"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
Step-by-step: install Three.js DevTools MCP in Claude Desktop
{
"mcpServers": {
"three-js-devtools-mcp": {
"command": "npx",
"args": [
"-y",
"threejs-devtools-mcp"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"three-js-devtools-mcp": {
"command": "npx",
"args": [
"-y",
"threejs-devtools-mcp"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add three-js-devtools-mcp -- npx -y threejs-devtools-mcp{
"mcpServers": {
"three-js-devtools-mcp": {
"command": "npx",
"args": [
"-y",
"threejs-devtools-mcp"
]
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
Step-by-step: install Three.js DevTools MCP in Antigravity CLI
gemini mcp add three-js-devtools-mcp npx -y threejs-devtools-mcpGemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.
MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the three-js-devtools-mcp block.
Alternatives to Three.js DevTools MCP
All alternatives →Start Claude Code and Codex agents the person can watch, wait for them and read their answers.
Let your users work with their own data through an AI assistant, limited to what they can see.
Gives AI development tools Firebase-specific capabilities and expertise.
MCP server for AI agents: the Quasar documentation and component API, served from the packages installed in your project
Give your AI agents trusted access to the full Postman platform.
Agent-Native Google Slides - generate and edit React presentations
Three.js DevTools MCP: common questions
How do I install Three.js DevTools MCP?
In Claude Code run claude mcp add three-js-devtools-mcp -- npx -y threejs-devtools-mcp. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is Three.js DevTools MCP the official server?
Three.js DevTools MCP is a community project by DmitriyGolub, not verified by a company domain.
Is Three.js DevTools MCP free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is Three.js DevTools MCP safe to use?
It scores 79 of 100. Grades: maintenance A, licence A, quality B. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to Three.js DevTools MCP?
Similar MCP servers: Harness, Nhost, firebase-mcp, Quasar MCP.
Does Three.js DevTools MCP work with ChatGPT?
Not directly. It runs locally, and ChatGPT only connects to remote servers with a URL. Use it in Claude Code, Claude Desktop, Cursor, VS Code or Codex.
