Three.js DevTools MCP Server

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

Local serverstdio

What is the Three.js DevTools MCP Server?

Three.js DevTools MCP is an MCP integration. Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent.

Packages and local setup

The published npm package is threejs-devtools-mcp, version 0.2.1. Its declared MCP transport is stdio.

The package declares DEV_PORT: Dev server port to proxy (auto-detected from package.json if not set); BRIDGE_PORT: Bridge proxy port (default: 9222); BROWSER: Set to 'none' to disable auto-opening browser; HEADLESS: Set to 'true' for headless browser mode (CI); CHROME_PATH: Custom Chrome/Edge executable path.

Before connecting

Check the maintainer’s instructions for account access, authentication and the supported client configuration. Once connected, inspect the tools your client receives and try a small task that matches the server’s stated purpose. The registry description does not include a verified, complete tool list.

Project and source

View the publisher’s registry entry · Project repository · Project website. This profile uses version 0.2.1 from the registry. Registration identifies the publisher namespace; it does not establish that this is a first-party integration for every service it connects.

Browse related other integrations MCP servers for tools that cover the same kind of work.

Configuration

VariableDescriptionRequired
DEV_PORTDev server port to proxy (auto-detected from package.json if not set)Optional
BRIDGE_PORTBridge proxy port (default: 9222)Optional
BROWSERSet to 'none' to disable auto-opening browserOptional
HEADLESSSet to 'true' for headless browser mode (CI)Optional
CHROME_PATHCustom Chrome/Edge executable pathOptional