threejs-devtools-mcp
活跃·★ 124·MIT·更新于 2026-10-14
★ 宝藏工具
threejs-devtools-mcp 是一个 MCP 服务器，提供一套包含 69 种工具的综合套件，用于实时检查和实时修改 Three.js 场景。它支持原生的 Three.js 和 React Three Fiber 项目，使开发者无需修改项目文件即可进行调试、审计和生成代码。
#Three.js#WebGL#调试#开发工具#实时检查#性能监控#代码生成#React Three Fiber
01
功能特性
01实时场景检查和实时更改，无需修改项目文件。
02超过 60 种针对对象、材质、着色器、动画和性能等的专用工具。
03为实时更改自动生成代码，兼容原生 Three.js 和 React Three Fiber。
04集成网站审计、视频帧捕获以及 Playwright/Puppeteer 辅助功能。
05浏览器内嵌叠加层，用于显示性能统计、交互式场景图和材质编辑。
02
兼容性
Three.js
框架
已通过文档验证
React Three Fiber
框架
已通过文档验证
WebGLRenderer
渲染器
已通过文档验证
WebGPURenderer
渲染器
已通过文档验证
Node.js
运行时
已通过文档验证
Playwright
测试工具
已通过文档验证
03
快速开始
1
$ npx -y threejs-devtools-mcp
04
使用场景
↳调试 Three.js 场景中的视觉问题，例如模型不可见或灯光不正确。
↳实时预览并应用 3D 对象和材质的样式更改，然后将其转换为代码。
↳对 Three.js 应用程序进行性能和网页审计，以识别模糊画布或高负荷纹理等问题。
↳自动化视觉回归测试并捕获高质量视频剪辑以用于宣传内容。
↳通过 Playwright 或 Puppeteer 集成到端到端测试工作流中，用于自动化场景验证。
05
同类工具
评论
登录后发表评论
暂无评论，来发表第一条吧