Vue Docs MCP

Vue Docs MCP

Provides AI assistants with up-to-date Vue ecosystem documentation through the Model Context Protocol, enabling semantic search, API lookup, and cross-framework references.

Category
访问服务器

README

<p align="center"> <img src="docs/public/logo.svg" width="80" alt="Vue Docs MCP"> </p>

<h1 align="center">Vue Docs MCP</h1>

<p align="center"> Up-to-date Vue ecosystem documentation for any AI assistant </p>

<p align="center"> <a href="https://vue-mcp.org">Website</a> · <a href="https://vue-mcp.org/guide/getting-started">Getting Started</a> · <a href="https://vue-mcp.org/frameworks/">Frameworks</a> · <a href="https://vue-mcp.org/clients/">MCP Clients</a> </p>

<p align="center"> <a href="https://vue-mcp.org/clients/cursor"> <img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install MCP Server" height="32"> </a> </p>

<p align="center"> <a href="https://github.com/joelbarmettlerUZH/vue-mcp/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/joelbarmettlerUZH/vue-mcp/ci.yml?label=tests&labelColor=212121" alt="Tests"></a> <a href="LICENSE.md"><img src="https://img.shields.io/badge/license-FSL--1.1--ALv2-blue?labelColor=212121" alt="License"></a> </p>


The Problem

LLMs have a knowledge cutoff. The Vue ecosystem evolves. When you ask your AI assistant about Vue:

  • Code examples are outdated and based on old training data
  • Hallucinated APIs that don't exist in the current version
  • No way to cite or verify answers against the official docs

The Solution

Vue Docs MCP gives your AI assistant direct access to the Vue ecosystem documentation through the Model Context Protocol. Every answer is grounded in the official docs.

The hosted server at mcp.vue-mcp.org is free. No API keys, no setup required.

Supported Frameworks

Framework Status
Vue.js Available
Vue Router Available
VueUse Available
Vite Available
Vitest Available
Nuxt Available
Pinia Available
Vue DevTools Available
VitePress Available
Pinia Colada Available
VeeValidate Available
FormKit Available
shadcn-vue Available
Vue Flow Available
6 more Planned

Each framework gets its own tools, resources, and prompts. See all frameworks.

Quick Start

Claude Code

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

Cursor

Install MCP Server

Or add to .cursor/mcp.json:

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

Other Clients

For Claude Desktop, Windsurf, VS Code, JetBrains, Zed, ChatGPT, and more, see the full client list.

Any MCP client that supports streamable HTTP works with:

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

What's Included

Tools (per framework):

Tool Description
{framework}_docs_search Semantic search over the framework's documentation
{framework}_api_lookup Instant API reference lookup with fuzzy matching
{framework}_get_related Discover related APIs, concepts, and documentation pages
ecosystem_search Cross-framework search (when 2+ frameworks enabled)

Resources (per framework):

Resource Description
{framework}://topics Full table of contents
{framework}://pages/{path} Raw markdown of any documentation page
{framework}://api/index Complete API reference index
{framework}://api/entities/{name} Detailed info for a specific API
{framework}://scopes Available search scopes

Prompts (per framework):

Prompt Description
debug_{framework}_issue Systematic debugging workflow
compare_{framework}_apis Side-by-side API comparison
migrate_{framework}_pattern Migration guide between patterns

Benchmarks

Evaluated by an LLM judge (Gemini, temperature 0) scoring retrieved documentation on relevance, completeness, correctness, API coverage, and conciseness (1-5 scale).

Framework Questions Vue Docs MCP Context7
Vue.js 173 4.82 2.41
Vue Router 49 4.78 3.33
VueUse 50 4.89 4.04
Vite 49 4.95 4.67
Vitest 50 4.77 4.80
Nuxt 49 4.80 4.62
Pinia 49 4.81 4.68
Vue DevTools 50 4.37 3.32
VitePress 45 4.58 4.62
Pinia Colada 49 4.83 4.82
VeeValidate 54 4.21 3.85
FormKit 55 4.59 4.52
shadcn-vue 50 4.30 4.87
Vue Flow 50 4.82 4.74
Weighted average 822 4.70
Metric Vue Docs MCP Context7
API Recall (Vue.js) 98.7% 53.1%
API Recall (Vue Router) 88.8% 34.4%
API Recall (VueUse) 100.0% 92.0%
API Recall (VitePress) 92.7% 91.0%
Cost per query Free $0.002

<details> <summary>About this benchmark</summary>

Each question has ground-truth answers with expected API names and documentation paths. An LLM judge scores the retrieved documentation context. API recall measures whether expected API names appear in the response. See the eval/ directory and framework pages for the full breakdown by difficulty, question type, and judge dimension.

Context7 is a general-purpose documentation server covering 9000+ libraries. Vue Docs MCP is purpose-built for the Vue ecosystem. The comparison shows the quality advantage of specialization, but Context7's breadth is a genuine strength for multi-ecosystem projects. Context7 also returns Vue 2 content for some Vue 3 questions, which affects its scores.

Run make eval-compare to reproduce these results. </details>

How It Works

  1. Structure-aware chunking. Docs are parsed respecting their heading hierarchy, keeping code examples paired with explanations.
  2. Hybrid search. Every query runs dense semantic search (Jina embeddings) and BM25 keyword search simultaneously.
  3. Smart entity detection. API names detected with typo tolerance, synonym lookup, and fuzzy matching.
  4. Cross-reference expansion. Related documentation sections are automatically pulled in.
  5. Reranking. Candidates reranked by Jina for precision.
  6. Readable reconstruction. Results reassembled in documentation reading order.

No LLM is used at query time. See How It Works for the full technical breakdown.

Self-Hosting

git clone https://github.com/joelbarmettlerUZH/vue-mcp.git
cd vue-mcp
make bootstrap          # Clone Vue docs + install deps
cp .env.example .env    # Add your API keys
make ingest             # Index the documentation
make serve              # Start the MCP server

See the Self-Hosting guide for Docker Compose deployment and configuration details.

Development

make help         # Show all available commands
make test         # Run tests (skips integration tests)
make pr-ready     # Lint + format + test (run before committing)

Documentation

Full documentation at vue-mcp.org:

License

FSL-1.1-ALv2. Functional Source License, Version 1.1, with Apache License 2.0 future grant. Free for internal use, education, and research. Converts to Apache 2.0 two years after each release.

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选