Vue MCP Server

Provides a server enabling models to better understand Vue applications by exposing the component tree, state, routes, and Pinia data.

Local serverstdio★ 573

What is the Vue MCP Server?

Provides a server enabling models to better understand Vue applications by exposing the component tree, state, routes, and Pinia data.

What the server does

[![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![bundle][bundle-src]][bundle-href] [![License][license-src]][license-href]

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

How to install the Vue MCP Server

{
  "mcpServers": {
    "vue": {
      "command": "npx",
      "args": ["-y", "vite-plugin-vue-mcp"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • “Use Vue MCP to Options.”

Frequently asked questions

Vue Mcp is a Vite plugin that provides a server to expose key information about your Vue application, including the component tree, component state, Vue Router configuration, and Pinia store data. This allows for easier debugging, analysis, and understanding of complex Vue apps.