MCP Server
在 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-form | AutoForm 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 提供引导式协助。