mcpField
C
Component MCP Server

Component MCP Server

ローカル
github.com/hnegishi開発ツール176 週間前に更新
リポジトリ

Component MCP Server について

Component MCP Serverは、開発者がローカルリポジトリ内のコンポーネントを検索し、ソースコードを取得するためのサーバーです。コンポーネントディレクトリのパスを設定して利用します。

主な機能

  1. 01リポジトリ内のコンポーネント検索
  2. 02コンポーネント名とパスの取得
  3. 03コンポーネントのソースコード取得
  4. 04ローカルディレクトリパスの設定

活用シーン

  1. 01フロントエンドリポジトリでのコンポーネント検索
  2. 02コンポーネントのソースコード確認

MCP 対応

MCPクライアントに、コンポーネント名とパスを検索する `searchComponents` と、ソースコードを取得する `getComponentInfo` を提供します。

#component-mcp-server#mcp-server#repository-search

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "component": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/inspector"
      ]
    }
  }
}
起動コマンドnpx -y @modelcontextprotocol/inspector

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@modelcontextprotocol/inspector

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

README（原文）English

プロジェクトの README より

この README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。

Component MCP Server

Overview

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

Installation

  1. 依存関係をインストールします。
npm install
  1. .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

技術スタック

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。