Component MCP Server

Overview

ローカルにあるリポジトリのコンポーネントを検索し、コンポーネントの情報を取得するための MCP Server です。

Installation

1. 依存関係をインストールします。

npm install

2. .envファイルを作成し、リポジトリ内のコンポーネントのパスを指定します。

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

Usage

1. build MCP Server

npm run build

VSCode

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

Tools

• searchComponents - コンポーネントを検索し、その名前とパスを取得します。
• getComponentInfo - コンポーネントのソースコードを取得します。

Debug

component-mcp-server をテストおよびデバッグするための開発者ツールが立ち上がります。

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

技術スタック

• TypeScript
• Node.js
• @modelcontextprotocol/sdk - MCP サーバー実装のための SDK