purpose
It exposes 59 tools via the Model Context Protocol for inspecting and modifying Three.js scenes in real time, covering objects, materials, shaders, lights, textures, animations, performance monitoring, memory diagnostics, and code generation. It also ships an in-browser devtools overlay with a live scene graph, material editor, and 3D object preview.
when to use
Use it when debugging Three.js or React Three Fiber scenes — diagnosing invisible models, memory leaks, or FPS drops — or when you need AI to modify materials, lights, and shaders without touching code manually. It's also handy for generating React components from GLB models and monitoring 3D performance during development.
tags
Three.js
MCP server
AI agents
3D debugging
WebGL
React Three Fiber
devtools
performance monitoring
real-time editing
AI coding assistant