AgentHubAgentHub

Three.js DevTools MCP

MCP ServerMCP Registry官方收录

io.github.DmitriyGolub/threejs-devtools · v0.2.1

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

源仓库 ↗

概览

Three.js DevTools MCP 是一个MCP Server，收录自 官方 MCP Registry。支持 stdio 传输。本页提供 Cursor、Claude Code 等客户端的安装配置片段。

安装

选择你的平台查看安装方式

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

环境变量

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

相关资源

统一 Manifest

{
  "id": "io.github.DmitriyGolub/threejs-devtools",
  "type": "mcp-server",
  "version": "0.2.1",
  "displayName": "Three.js DevTools MCP",
  "description": "Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent",
  "repository": {
    "url": "https://github.com/DmitriyGolub/threejs-devtools-mcp",
    "source": "github"
  },
  "homepage": "https://github.com/DmitriyGolub/threejs-devtools-mcp",
  "distribution": {
    "packages": [
      {
        "registryType": "npm",
        "identifier": "threejs-devtools-mcp",
        "version": "0.2.1",
        "runtimeHint": "npx",
        "transport": "stdio",
        "environmentVariables": [
          {
            "name": "DEV_PORT",
            "description": "Dev server port to proxy (auto-detected from package.json if not set)"
          },
          {
            "name": "BRIDGE_PORT",
            "description": "Bridge proxy port (default: 9222)"
          },
          {
            "name": "BROWSER",
            "description": "Set to 'none' to disable auto-opening browser"
          },
          {
            "name": "HEADLESS",
            "description": "Set to 'true' for headless browser mode (CI)"
          },
          {
            "name": "CHROME_PATH",
            "description": "Custom Chrome/Edge executable path"
          }
        ]
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "vscode"
  ],
  "keywords": [],
  "provenance": {
    "origin": "official-mcp-registry",
    "originalId": "io.github.DmitriyGolub/threejs-devtools",
    "originalUrl": "https://registry.modelcontextprotocol.io/v0.1/servers/io.github.DmitriyGolub%2Fthreejs-devtools/versions/latest",
    "isOfficial": true,
    "status": "active"
  }
}
Three.js DevTools MCP — MCP Server 安装与配置 · AgentHub