AgentIndex icon
AgentIndex
threejs-devtools-mcp logo
threejs-devtools-mcp
★ 124
vs
DebugMCP logo
DebugMCP
★ 573

threejs-devtools-mcp vs DebugMCP

threejs-devtools-mcp: threejs-devtools-mcp is an MCP server offering a comprehensive suite of 69 tools for real-time inspection and live modification of Three.js scenes. It supports both vanilla Three.js and React Three Fiber projects, allowing developers to debug, audit, and generate code without altering their project files.; DebugMCP: DebugMCP empowers AI coding agents with full control over the VS Code debugger, allowing them to autonomously set breakpoints, step through code, inspect variables, and evaluate expressions. It runs 100% locally, requires zero configuration, and works seamlessly with any MCP-compatible AI assistant across various programming languages.

01

TL;DR

threejs-devtools-mcp logo
threejs-devtools-mcpDev Tooling · ★ 124

Debugging visual issues like invisible models or incorrect lighting in Three.js scenes.

Read threejs-devtools-mcp full review →
DebugMCP logo
DebugMCPDev Tooling · ★ 573

Automating root cause analysis for code issues by enabling AI agents to interact with the debugger directly.

Read DebugMCP full review →
02

Side-by-Side Comparison

Field
threejs-devtools-mcp logothreejs-devtools-mcp
DebugMCP logoDebugMCP
Category
Dev Tooling
Dev Tooling
Stars
★ 124
★ 573
License
MIT
MIT
Install Command
npx -y threejs-devtools-mcp
vscode:extension/ozzafar.debugmcpextension
Updated
1w ago
2d ago
Open Source
Yes
Yes
Website
↗ Visit
↗ Visit
GitHub
↗ GitHub
↗ GitHub
Tags
Three.js, WebGL, Debugging
AI Agents, Debugging, VS Code Extension
03

Features

threejs-devtools-mcp logothreejs-devtools-mcp
01Real-time scene inspection and live changes without project modification.
02Over 60 specialized tools for objects, materials, shaders, animation, performance, and more.
03Automatic code generation for live changes, compatible with vanilla Three.js and React Three Fiber.
04Integrated website audits, video frame capture, and Playwright/Puppeteer helpers.
05In-browser overlay for performance stats, interactive scene graph, and material editing.
DebugMCP logoDebugMCP
01AI-powered debugging capabilities including setting breakpoints, stepping through code, inspecting variables, and evaluating expressions.
02Cross-agent 'debug-live' skill installation for systematic debugging workflows, discoverable by various AI agent harnesses.
03Support for pausing running programs at current location even without breakpoints, enabling inspection of state.
04Robust debugging via VS Code Testing API, ensuring consistent breakpoint hits in individual test cases.
05Secure communication, local operation, state validation, and secret redaction for enhanced reliability and privacy.
04

Use Cases

threejs-devtools-mcp logothreejs-devtools-mcp
↳Debugging visual issues like invisible models or incorrect lighting in Three.js scenes.
↳Live previewing and applying stylistic changes to 3D objects and materials, then converting them into code.
↳Conducting performance and web audits for Three.js applications to identify issues like blurry canvases or heavy textures.
↳Automating visual regression tests and capturing high-quality video clips for promotional content.
↳Integrating into end-to-end testing workflows using Playwright or Puppeteer for automated scene verification.
DebugMCP logoDebugMCP
↳Automating root cause analysis for code issues by enabling AI agents to interact with the debugger directly.
↳Streamlining the debugging of unit tests across different languages by launching tests via the VS Code Testing API.
↳Enabling AI agents to efficiently understand execution flow, variable states, and expressions in complex applications.
↳Providing an interactive debugging experience for AI assistants, mimicking human developer workflows in VS Code.
↳Diagnosing issues in busy loops or embedded systems by pausing execution at any point to inspect state.
05

Best For

threejs-devtools-mcp logothreejs-devtools-mcp
Hidden Gem
DebugMCP logoDebugMCP
TrendingHidden Gem
FAQ

FAQ

What is the difference between threejs-devtools-mcp and DebugMCP?
Both threejs-devtools-mcp and DebugMCP are in the Dev Tooling category. threejs-devtools-mcp has 124 stars, while DebugMCP has 573 stars.
Which is better, threejs-devtools-mcp or DebugMCP?
The best choice depends on your use case. Choose threejs-devtools-mcp if Debugging visual issues like invisible models or incorrect lighting in Three.js scenes., and DebugMCP if Automating root cause analysis for code issues by enabling AI agents to interact with the debugger directly..
Is threejs-devtools-mcp free or open source?
Yes, threejs-devtools-mcp is open source on GitHub (MIT).
Is DebugMCP free or open source?
Yes, DebugMCP is open source on GitHub (MIT).
Cloud Infrastructure
Ad

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit
→

Related

Alternatives to threejs-devtools-mcp →Alternatives to DebugMCP →threejs-devtools-mcp details →DebugMCP details →