English Français العربية

Three.js DevTools MCP

السجل الرسمي أدوات المطورين

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

الشيفرة المصدرية الموقع

التثبيت

أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: ‏.cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «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
إعداد 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>"
            }
        }
    }
}

متغيرات البيئة

  • 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

الأسئلة الشائعة

ما هو Three.js DevTools MCP؟

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

كيف أثبّت Three.js 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. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.

هل يحتاج Three.js DevTools MCP إلى مفتاح API؟

لا يذكر إدراجه في السجل أي مفتاح أو سر إلزامي. قد تتطلب بعض الميزات حسابًا لدى الخدمة التي يتصل بها.

هل Three.js DevTools MCP مفتوح المصدر؟

شيفرته علنية على GitHub، لكن المستودع لا يعلن ترخيصًا قياسيًا.

من يصون Three.js DevTools MCP؟

ينشره DmitriyGolub. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.

من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.