Nuxt UI 率先推出MCP服务器！喜大普奔！

前言

最近，Nuxt UI 推出了MCP服务器！

往期精彩推荐

• Node.js v24.8.0 新功能预览！
• 紧急，20 亿次周下载的 npm 包被攻击，Nuxt 发布防攻击指南！
• 尤雨溪发出 Oxc 恶意扩展警告；Vite 发布两个漏洞补丁；Rolldown 放弃 CJS 支持；Rslib 支持 ts-go
• 更多精彩文章欢迎关注我的公众号

正文

Nuxt UI 的 MCP 可以让 AI 助手直接访问组件库的结构化数据。

下面我的使用过程，希望可以帮助大家使用它！

配置指南

MCP服务器使用HTTP传输，

{
  "servers": {
    "nuxt-ui": {
      "type": "http",
      "url": "https://ui4.nuxt.com/mcp"
    }
  }
}

配置后，即可向AI助手提问

可用工具

工具列表

工具列表

list_components 示例

list_components 示例

工具按类别组织，便于AI助手调用：

• 组件工具：
  • list_components：列出所有Nuxt UI组件，包括类别和基本信息。
  • list_composables：列出所有组合函数，包括类别和基本信息。
  • get_component：获取组件文档和细节。
  • get_component_metadata：获取组件详细元数据，包括props、slots和events。
  • search_components_by_category：按类别或文本过滤搜索组件。
• 模板工具：
  • list_templates：列出所有模板，支持类别过滤。
  • get_template：获取模板细节和设置说明。
• 文档工具：
  • list_documentation_pages：列出所有文档页面。
  • get_documentation_page：按URL路径获取文档内容。
  • list_getting_started_guides：列出入门指南和安装说明。
• 示例工具：
  • list_examples：列出所有UI示例和代码演示。
  • get_example：获取特定示例的实现代码和细节。
• 迁移工具：
  • get_migration_guide：获取特定版本的迁移指南和升级说明。

这些工具让AI助手能够提供精确的开发辅助。

最后

总体而言，Nuxt UI的 MCP 服务器极大提升了AI助手在开发中的作用，适合 Nuxt 大家集成使用。

今天的分享就这些了，感谢大家的阅读，如果文章中存在错误的地方欢迎指正！

往期精彩推荐

• Node.js v24.8.0 新功能预览！
• 紧急，20 亿次周下载的 npm 包被攻击，Nuxt 发布防攻击指南！
• 尤雨溪发出 Oxc 恶意扩展警告；Vite 发布两个漏洞补丁；Rolldown 放弃 CJS 支持；Rslib 支持 ts-go
• 更多精彩文章欢迎关注我的公众号