Is Threejs Devtools MCP Server safe to use?

Threejs Devtools MCP Server has no known CVEs as of the latest MCPpedia security scan. Authentication requirements were not detected automatically - check the project's documentation before connecting in a shared environment. Licensed under MIT.

How do I install Threejs Devtools MCP Server?

Threejs Devtools MCP Server supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.

What can Threejs Devtools MCP Server do?

Threejs Devtools MCP Server provides 2 tools: Setup, Documentation. See the full tools list on the server page for descriptions and parameters.

What AI clients work with Threejs Devtools MCP Server?

Threejs Devtools MCP Server is compatible with claude-desktop, cursor, claude-code. It uses stdio and http transport.

Is Threejs Devtools MCP Server actively maintained?

Threejs Devtools MCP Server is actively maintained - last commit was 29 days ago. It has 129 GitHub stars.

Threejs Devtools MCP Server

threejs-devtools-mcp

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

129 5.3k/wk 2 tools GitHub npm

No known CVEs

MIT license

Actively maintained

Last commit 29d ago

Works with most clients

Transport: stdio, http

2 tools · ~58 tok

Grade A · 0.0% of 200K ctx

MCPpedia last refreshed this data 1d ago

Edit this pageView history

Threejs Devtools MCP Server is an MCP server that inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent. Its tool list has not been published yet over stdio and http, requires no API key, and scores 92/100 on MCPpedia's security, maintenance and efficiency rubric.

Developer Tools Design

Step 1

Install in your client

Config is the same across clients - only the file and path differ.

Supported in Claude Desktopstdio, http · Node 18+

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "threejs-devtools-mcp": {
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "command": "npx"
    }
  }
}

Are you the author?

Add this badge to your README to show your security score and help users find safe servers.

Embed in your READMEAbout badges →

[![MCPpedia Score](https://mcppedia.org/api/badge/io-github-dmitriygolub-threejs-devtools)](https://mcppedia.org/s/io-github-dmitriygolub-threejs-devtools)

Read me

What Threejs Devtools MCP Server does

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

Test This Server

This server supports HTTP transport. Be the first to test it - help the community know if it works.

Loading README…

Scored, not listed

Why this score

Five weighted categories - click any category to see the underlying evidence.

Score breakdown

92/100across 5 weighted dimensions

How we score →

0255075100

−8

Security

Maintenance

Efficiency

Documentation

Compatibility

Categoriesclick a row to see evidence

Security

OSV.dev

No known CVEs.

Checked threejs-devtools-mcp against OSV.dev.

Inventory

Tools (2)

Click any tool to inspect its schema.

~58 tokens total

Community

Reviews

Be the first to review

Have you used this server?

Share your experience - it helps other developers decide.

How easy was setup?Did it work reliably?How was the documentation?

Frequently Asked Questions

Is Threejs Devtools MCP Server safe to use?: Threejs Devtools MCP Server has no known CVEs as of the latest MCPpedia security scan. Authentication requirements were not detected automatically - check the project's documentation before connecting in a shared environment. Licensed under MIT.
How do I install Threejs Devtools MCP Server?: Threejs Devtools MCP Server supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.
What can Threejs Devtools MCP Server do?: Threejs Devtools MCP Server provides 2 tools: Setup, Documentation. See the full tools list on the server page for descriptions and parameters.
What AI clients work with Threejs Devtools MCP Server?: Threejs Devtools MCP Server is compatible with claude-desktop, cursor, claude-code. It uses stdio and http transport.
Is Threejs Devtools MCP Server actively maintained?: Threejs Devtools MCP Server is actively maintained - last commit was 29 days ago. It has 129 GitHub stars.

Similar servers

Others in developer-tools / design

View all →

XcodeBuildMCP97

XcodeBuildMCP provides tools for Xcode project management, simulator management, and app utilities.

6.6k 2

Supabase MCP Server96

Manage Supabase projects — databases, auth, storage, and edge functions

3.0k 4

Mcp Gitlab96

MCP server for using the GitLab API

2.1k 12

Codebase Memory Mcp95

Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.

48.6k 6

MCP Security Weekly

Get CVE alerts and security updates for Threejs Devtools MCP Server and similar servers.

Community

Discussion

Start a conversation

Ask a question, share a tip, or report an issue.

Has anyone used this with Cursor?How do you handle auth?Any alternatives?

Edit this pageView history

Developer Tools Design

Step 1

Install in your client

Config is the same across clients - only the file and path differ.

Supported in Claude Desktopstdio, http · Node 18+

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "threejs-devtools-mcp": {
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "command": "npx"
    }
  }
}

Are you the author?

Add this badge to your README to show your security score and help users find safe servers.

Embed in your READMEAbout badges →

[![MCPpedia Score](https://mcppedia.org/api/badge/io-github-dmitriygolub-threejs-devtools)](https://mcppedia.org/s/io-github-dmitriygolub-threejs-devtools)

Read me

What Threejs Devtools MCP Server does

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

Test This Server

This server supports HTTP transport. Be the first to test it - help the community know if it works.

README

threejs-devtools-mcp

MCP server for inspecting Three.js scenes in real time, trying changes live in the browser, and turning them into code. 69 tools cover objects, materials, shaders, textures, animation, performance and memory, plus website audits, video frame capture and Playwright helpers.

Zero changes to your project. Works with vanilla Three.js and React Three Fiber, on WebGLRenderer and WebGPURenderer.

Setup

1. Add the MCP server

Claude Code

claude mcp add threejs-devtools-mcp -- npx threejs-devtools-mcp

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "threejs-devtools-mcp": {
      "command": "npx",
      "args": ["-y", "threejs-devtools-mcp"]
    }
  }
}

Cursor

Add to .cursor/mcp.json in your project:

{
  "mcpServers": {
    "threejs-devtools-mcp": {
      "command": "npx",
      "args": ["-y", "threejs-devtools-mcp"]
    }
  }
}

Or use the HTTP transport — see Cursor setup guide.

Windsurf

Add to ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "threejs-devtools-mcp": {
      "command": "npx",
      "args": ["-y", "threejs-devtools-mcp"]
    }
  }
}

VS Code (Copilot)

Add to .vscode/mcp.json:

{
  "servers": {
    "threejs-devtools-mcp": {
      "command": "npx",
      "args": ["-y", "threejs-devtools-mcp"]
    }
  }
}

OpenCode

Add to opencode.json in your project:

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "threejs-devtools-mcp": {
      "type": "local",
      "command": ["npx", "-y", "threejs-devtools-mcp"],
      "enabled": true
    }
  }
}

2. Start your dev server and open the browser

Start your Three.js dev server as usual (npm run dev). The MCP server auto-detects the port from package.json and opens a browser at localhost:9222 with the devtools bridge injected.

Keep the browser tab open. The MCP server talks to your scene through a WebSocket bridge. Close the tab = tools stop working.

3. Ask the AI about your scene

"show me the scene tree"
"why is my model invisible?"
"try the car in red"          ← live preview, nothing saved
"keep it"                     ← written into your code
"audit this site for mobile"
"record a 5-second clip at 60 fps"

Look now vs. change the code

Every tool is labelled, so you and the AI always know what touches your files:

	Tools	Your code
Inspect	`scene_tree`, `material_details`, `web_audit`, screenshots…	untouched
Live preview	`set_material_property`, `set_light`, `set_camera`…	untouched; lost on page reload
Debug visual	wireframe, bounding boxes, helpers, overlay	untouched; never needed in code
For code	`pending_changes`, `gltf_to_r3f`	the AI writes this into your source

Every live-preview change is recorded. pending_changes returns each one as before → after with ready-to-paste code (vanilla Three.js and React Three Fiber) and where to find it in your project. revert_changes undoes

... View full README on GitHub

Loading README…

Scored, not listed

Why this score

Five weighted categories - click any category to see the underlying evidence.

Score breakdown

92/100across 5 weighted dimensions

How we score →

0255075100

−8

Security

Maintenance

Efficiency

Documentation

Compatibility

Categoriesclick a row to see evidence

Security

OSV.dev

No known CVEs.

Checked threejs-devtools-mcp against OSV.dev.

Inventory

Tools (2)

Click any tool to inspect its schema.

~58 tokens total

Community

Reviews

Be the first to review

Have you used this server?

Share your experience - it helps other developers decide.

How easy was setup?Did it work reliably?How was the documentation?

Frequently Asked Questions

Is Threejs Devtools MCP Server safe to use?: Threejs Devtools MCP Server has no known CVEs as of the latest MCPpedia security scan. Authentication requirements were not detected automatically - check the project's documentation before connecting in a shared environment. Licensed under MIT.
How do I install Threejs Devtools MCP Server?: Threejs Devtools MCP Server supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.
What can Threejs Devtools MCP Server do?: Threejs Devtools MCP Server provides 2 tools: Setup, Documentation. See the full tools list on the server page for descriptions and parameters.
What AI clients work with Threejs Devtools MCP Server?: Threejs Devtools MCP Server is compatible with claude-desktop, cursor, claude-code. It uses stdio and http transport.
Is Threejs Devtools MCP Server actively maintained?: Threejs Devtools MCP Server is actively maintained - last commit was 29 days ago. It has 129 GitHub stars.