DmitriyGolub

DmitriyGolub / threejs-devtools-mcp

Public

Three.js MCP server — inspect and edit scenes, materials, shaders, lights in real time from any AI agent

www.npmjs.compackagethreejs-devtools-mcp ai claude-code cursor devtools mcp
10
2
100% credibility
Found Mar 18, 2026 at 10 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

This repository creates a bridge for AI assistants to inspect, debug, and modify Three.js 3D scenes in real-time during development.

How It Works

1
🔍 Discover the 3D helper

You find this handy tool that lets AI peek inside and tweak your 3D projects while you're building them.

2
➕ Add to your AI buddy

Tell your AI assistant to include this tool with a simple note, like inviting a friend to help with your project.

3
🚀 Start your 3D world

Run your usual project as always, and it spots everything automatically.

4
🌉 Magic window opens

A special browser page pops up connecting your 3D scene to the AI, ready for live teamwork.

5
💬 Chat naturally with AI

Just ask things like 'show the scene', 'why is it invisible?', or 'make it blue' in plain words.

6
✨ Watch changes happen live

Your 3D world updates instantly, with details on performance, leaks, or even code suggestions.

🎉 Debugged and shining

Your 3D project is fixed, optimized, and ready to impress, all without touching code manually.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 10 to 10 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is threejs-devtools-mcp?

This TypeScript MCP server turns AI agents into real-time Three.js devtools, letting you inspect and edit scenes, materials, shaders, lights, and more without touching your code. Run `npx threejs-devtools-mcp` alongside your dev server—it auto-detects ports, proxies a browser bridge, and exposes 52 tools via natural language prompts like "show the scene tree" or "make the ground blue." Perfect for vanilla Three.js or React Three Fiber projects on GitHub, from games to portfolios and globes.

Why is it gaining traction?

Unlike static Three.js GitHub examples or downloads, it hooks AI agents (Claude, Cursor) directly to your running scene for live tweaks—texture previews, FPS monitoring, memory leak checks, even GLTF-to-R3F code gen. Zero setup friction: no project changes, just npx and chat. Devs love querying "why is my model invisible?" and getting instant fixes.

Who should use this?

Three.js devs prototyping GitHub repos, games, or interactive globes on GitHub Pages/IO who pair with AI agents. Ideal for frontend engineers debugging complex scenes, tweaking materials/lights on the fly, or iterating portfolios without manual inspector hunts.

Verdict

Grab it for AI-assisted Three.js workflows—docs and MCP integration shine despite 10 stars and 1.0% credibility score signaling early maturity. Test on a side project; it'll accelerate debugging if your agent supports MCP servers.

(187 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.