dev-inspector-mcp

How to use dev-inspector-mcp

npx @mcpc-tech/unplugin-dev-inspector-mcp setup

{
  "mcpServers": {
    "dev-inspector": {
      "url": "http://localhost:6137/__mcp__/sse?clientId=cursor&puppetId=inspector"
    }
  }
}

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.

Key capabilities

• Tool access support
• Includes SKILL.md support
• Shell commands support
• Browser use support
• Document generation support
• Anthropic provider support
• Google provider support

Available tools

Technical details

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
• Built for Python
• Install or run with npx
• Install or run with uvx/pip
• Works with Cursor
• Works with Windsurf
• Works with VS Code

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

Explore related resources

Frequently asked questions