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

技术栈

• TypeScript
• Node.js
• @模型上下文协议/sdk - MCP 服务器实施SDK