English Français العربية

Three.js DevTools MCP

Registre officiel Outils de développement

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

Code source Site web

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

NPM package threejs-devtools-mcp
Claude Code 
claude mcp add three-js-devtools-mcp -e 'DEV_PORT=<DEV_PORT>' -e 'BRIDGE_PORT=<BRIDGE_PORT>' -e 'BROWSER=<BROWSER>' -e 'HEADLESS=<HEADLESS>' -e 'CHROME_PATH=<CHROME_PATH>' -- npx -y threejs-devtools-mcp@0.2.1
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "three-js-devtools-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "threejs-devtools-mcp@0.2.1"
            ],
            "env": {
                "DEV_PORT": "<DEV_PORT>",
                "BRIDGE_PORT": "<BRIDGE_PORT>",
                "BROWSER": "<BROWSER>",
                "HEADLESS": "<HEADLESS>",
                "CHROME_PATH": "<CHROME_PATH>"
            }
        }
    }
}

Variables d'environnement

  • 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

Questions fréquentes

Qu'est-ce que Three.js DevTools MCP ?

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

Comment installer Three.js DevTools MCP ?

Il s'exécute sur votre machine. Dans Claude Code : claude mcp add three-js-devtools-mcp -e 'DEV_PORT=<DEV_PORT>' -e 'BRIDGE_PORT=<BRIDGE_PORT>' -e 'BROWSER=<BROWSER>' -e 'HEADLESS=<HEADLESS>' -e 'CHROME_PATH=<CHROME_PATH>' -- npx -y threejs-devtools-mcp@0.2.1. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour Three.js DevTools MCP ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

Three.js DevTools MCP est-il open source ?

Son code est public sur GitHub, mais le dépôt ne déclare pas de licence standard.

Qui maintient Three.js DevTools MCP ?

Il est publié par DmitriyGolub. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.