AI导哈

组件搜索服务

一个用于搜索本地存储库中的组件并获取组件信息的MCP服务器。

  • by hnegishi
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 hnegishi/component-mcp-server

使用说明

组件MCP服务器

概述

查找本地存储库中的组件并获取组件信息MCP Server 来修改标记元素的显示属性。

安装

  1. 安装依赖关系。
npm install
  1. .env创建文件并指定存储库中组件的路径。
COMPONENTS_PATH=/path/to/your/front/repository/components

用法

  1. 构建MCP服务器
npm run build

VSCode

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

工具

  • searchComponents -查找组件并获取其名称和路径。
  • getComponentInfo -获取组件的源代码。

调试

component-mcp-server 中描述的场景，使用以下步骤创建明细表，以便在概念设计中分析体量的体积。

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

技术栈

相关 MCP