Vue Development Inspector

Vite plugin that mounts an MCP server in your dev server for inspecting Vue app state including DOM, console, network, component t

xiaou66 19 ↓ 86
Claude CodeClaude DesktopGeneric
View source ↗

Vite plugin that exposes an MCP server inside the Vite dev server, giving AI clients direct access to the running Vue application's state during development. Provides 17 tools covering DOM inspection, console logs, network requests, Vue component tree, router information, and Pinia state. Supports both SSE and Streamable HTTP transports with optional Chrome DevTools Protocol integration for enhanced debugging when available.

Source

Repository: https://github.com/xiaou66/vite-plugin-vue-mcp-next

Maintain Vue Development Inspector?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[Vue Development Inspector on getagentictools](https://getagentictools.com/mcp/xiaou66-vite-plugin-vue-mcp-next?ref=badge)