Vue Dev Helper MCP

专为 Vue 开发者设计的 MCP 服务器，提供兼容性检查、组件冗余检测和安全审计功能。

功能

🔍 analyze_vue_compatibility

检查 Vue 插件和依赖的兼容性：

• 是否支持 Vue 3 和 Composition API
• 是否与 Vite 版本冲突
• 检测过时的依赖

🔄 check_component_redundancy

扫描并检测组件库冗余：

• 识别多个全功能 UI 库
• 检测私有组件库与三方库的重复
• 发现移动端和桌面端 UI 库混用

🔒 security_audit_vue

Vue 项目安全审计：

• 扫描 v-html 指令滥用（XSS 风险）
• 检查依赖漏洞
• 提供安全建议

安装

npm install @jeff.lin/vue-dev-helper-mcp

配置

在 Kiro 的 MCP 配置文件（.kiro/settings/mcp.json）中添加：

{
  "mcpServers": {
    "vue-dev-helper": {
      "command": "npx",
      "args": ["-y", "@jeff.lin/vue-dev-helper-mcp"]
    }
  }
}

或使用本地路径：

{
  "mcpServers": {
    "vue-dev-helper": {
      "command": "node",
      "args": ["path/to/vue-dev-helper-mcp/index.js"]
    }
  }
}

使用

配置完成后，在 Kiro 中可以直接调用工具：

你: 帮我检查这个 Vue 项目的兼容性 E:/my-vue-app
Kiro: [调用 analyze_vue_compatibility 工具并返回报告]

你: 检查一下有没有重复的 UI 组件库
Kiro: [调用 check_component_redundancy 工具]

你: 做个安全审计
Kiro: [调用 security_audit_vue 工具]

开发

# 安装依赖
npm install

# 启动服务器
npm start

依赖

• Node.js >= 18
• @modelcontextprotocol/sdk
• semver

License

MIT