dev-inspector-mcp
dev-inspector-mcp is a TypeScript MCP server for Cursor, Windsurf, VS Code with npx, uvx/pip. AI-powered visual debugging for your React, Vue, Svelte, SolidJS, Preact & Next.js app via MCP and ACP
Decision snapshot
Is this a fit?
Connecting agents to external tools and data, Integrations workflows, Coding workflows, Research workflows
Cursor, Windsurf, VS Code, Codex, TypeScript
API key required authentication
npx, uvx/pip, Local
5 months ago · MIT license
Requires TypeScript. Requires Node.js. Requires MIT license.
How to use dev-inspector-mcp
Install or run
npx @mcpc-tech/unplugin-dev-inspector-mcp setupClient configuration
{
"mcpServers": {
"dev-inspector": {
"url": "http://localhost:6137/__mcp__/sse?clientId=cursor&puppetId=inspector"
}
}
}
Compatible clients
What is dev-inspector-mcp?
dev-inspector-mcp is a TypeScript MCP server for Cursor, Windsurf, VS Code with npx, uvx/pip. AI-powered visual debugging for your React, Vue, Svelte, SolidJS, Preact & Next.js app via MCP and ACP This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.
Key capabilities
- Tool access support
- Shell commands support
- Browser use support
- Document generation support
- Anthropic provider support
- Google provider support
- package.json config support
Compatibility and setup
Install or run dev-inspector-mcp using npx. Check mcpc-tech/dev-inspector-mcp for the latest setup command.
- Built for TypeScript
- Built for Node.js
- Install or run with npx
- Install or run with uvx/pip
- Works with Cursor
- Works with Windsurf
- Works with VS Code
- Works with Codex
MCP metadata is retained with field-level source and confidence evidence. Undetected values remain unknown.
Requirements and access
Security and permissions
Review permissions before connecting any MCP server to an agent. Pay special attention to whether it can read local files, write data, call external services, or perform destructive actions.
When to use dev-inspector-mcp
- Use it for connecting agents to external tools and data.
- Use it for integrations workflows.
- Use it for coding workflows.
- Use it for research workflows.
- Use it for cursor users.
Built with
Verified compatibility and discovery
Frequently asked questions
What is dev-inspector-mcp?
dev-inspector-mcp is a TypeScript MCP server for Cursor, Windsurf, VS Code with npx, uvx/pip. AI-powered visual debugging for your React, Vue, Svelte, SolidJS, Preact & Next.js app via MCP and ACP
Who is dev-inspector-mcp best for?
dev-inspector-mcp is best for connecting agents to external tools and data, integrations workflows, coding workflows, research workflows, cursor users.
How do I install dev-inspector-mcp?
Install or run dev-inspector-mcp using npx. Check dev-inspector-mcp for the latest setup command.
Is dev-inspector-mcp actively maintained?
dev-inspector-mcp may need a closer maintenance check before production use.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
