MCP Server

View source
在 AI 助手中通过 Model Context Protocol 使用 @movk/nuxt。

什么是 MCP?

MCP (Model Context Protocol) 是一个标准化协议,使 AI 助手能够访问外部数据源和工具。@movk/nuxt 提供 MCP 服务器,让 AI 工具能够直接访问组件信息、API 文档和使用示例。

可用资源

MCP 服务器提供以下资源供 AI 发现和浏览:

资源 URI描述
resource://movk-nuxt/components所有组件及其分类
resource://movk-nuxt/composables所有 Composables 信息
resource://movk-nuxt/auto-formAutoForm Schema 定义和控件类型
resource://movk-nuxt/documentation-pages所有文档页面列表
resource://movk-nuxt/examples所有可用示例

在 Claude Code 等工具中使用 @ 访问这些资源。

可用工具

列表查询

工具名称描述
list_components列出所有组件及其分类和基本信息
list_composables列出所有 Composables 信息
list_examples列出所有可用示例
list_documentation_pages列出所有文档页面
list_getting_started_guides列出入门指南

详情获取

工具名称描述
get_documentation_page获取特定文档页面的完整内容
get_example获取示例的实现代码

搜索过滤

工具名称描述
search_components_by_category按分类或关键词搜索组件
search_auto_form_by_category按分类搜索 AutoForm 文档

可用提示

MCP 服务器为常见工作流提供引导式提示:

提示名称描述
find_component_for_usecase根据使用场景推荐最适合的组件
find_autoform_solution根据表单需求推荐字段类型和配置方案

在 Claude Code 等工具中使用 / 访问这些提示。

使用示例

配置完成后,可以向 AI 助手提出如下问题:

入门与配置

  • "如何安装 @movk/nuxt?"
  • "支持哪些 Nuxt 版本?"
  • "如何配置组件前缀?"

组件查询

  • "列出所有可用组件"
  • "DatePicker 接受哪些属性?"
  • "如何使用 StarRating 组件?"

AutoForm 表单

  • "如何创建基础表单?"
  • "支持哪些字段类型?"
  • "如何实现条件渲染?"

API 系统

  • "useApiFetch 和 $fetch 有什么区别?"
  • "如何监控文件上传进度?"
  • "如何处理认证登录?"

场景匹配

  • "我需要构建用户注册表单,应该用什么?"
  • "帮我找适合实现日期选择的组件"
  • "我想实现带进度条的文件上传功能"

AI 助手将使用 MCP 服务器获取结构化数据,并为 @movk/nuxt 提供引导式协助。

Copyright © 2025 - 2026 YiXuan - MIT License