Component MCP Server

基本能力

产品定位

Component MCP Server 是一个用于搜索和管理本地仓库中组件的工具，旨在帮助开发者快速查找和使用项目中的组件。

核心功能

• 搜索本地仓库中的组件
• 获取组件的详细信息
• 支持通过上下文内容搜索组件

适用场景

• 在大型前端项目中快速查找组件
• 管理项目中的组件库
• 提高开发效率

工具列表

• getComponents - 根据用户提供的上下文内容搜索仓库中的组件库，并获取源代码。

常见问题解答

• 目前尚未在 npm 上公开。

使用教程

使用依赖

1. 安装依赖：

npm install

安装教程

1. 创建 .env 文件并指定组件路径：

COMPONENTS_PATH=/path/to/your/front/repository/components

1. 构建 MCP Server：

npm run build

VSCode 配置

{
  "servers": {
    "component-mcp-server": {
      "command": "node",
      "args": ["./dist/index.js"],
      "env": {
        "COMPONENTS_PATH": "/path/to/your/front/repository/components"
      }
    }
  }
}

调试方式

使用开发者工具进行测试和调试：

npx @modelcontextprotocol/inspector node ./dist/index.js

技术栈

• TypeScript
• Node.js
• @modelcontextprotocol/sdk - MCP 服务器实现的 SDK

许可证

该项目遵循 MIT 开源许可条款，请参阅 MIT 了解完整条款。