Vue Docs MCP

Appearance

Getting Started ​

The fastest way to start using Vue Docs MCP is to connect to the free hosted server at mcp.vue-mcp.org. No API keys or setup required.

Connect Your Client ​

Claude Code ​

One command:

bash
claude mcp add --scope user vue-docs --transport http https://mcp.vue-mcp.org/mcp

Cursor ​

One-click install:

Install MCP Server

Or add to .cursor/mcp.json:

json
{
  "mcpServers": {
    "vue-docs": {
      "url": "https://mcp.vue-mcp.org/mcp"
    }
  }
}

Other Clients ​

See the MCP Clients section for detailed setup instructions for Claude Desktop, Windsurf, VS Code, JetBrains, Zed, ChatGPT, and more.

For any client not listed, use the streamable HTTP transport with this URL (the older SSE transport is deprecated and not offered):

https://mcp.vue-mcp.org/mcp

Try It Out ​

Once connected, ask your AI assistant a Vue question. It will use the MCP tools automatically:

  • "How does v-model work on custom components?"
  • "What lifecycle hooks are available in Vue 3?"
  • "Show me the defineProps API"
  • "Compare watch vs watchEffect"

Look for tool calls like docs_search or api_lookup in the response.

What's Available ​

TypeWhat it does
ToolsSearch docs, look up APIs, find related content
ResourcesBrowse the documentation tree, read raw pages
PromptsGuided workflows for debugging, comparison, migration

Next Steps ​