mcpField
C
Component MCP Server

Component MCP Server

Local
github.com/hnegishiDeveloper Tools1Updated 76w ago
Repository

About Component MCP Server

Component MCP Server lets developers search components in a local repository and retrieve their source code. It is configured with a path to the repository's components directory.

Key features

  1. 01Search components by repository
  2. 02Return component names and paths
  3. 03Retrieve component source code
  4. 04Configure a local components path

Use cases

  1. 01Find a component in a frontend repository
  2. 02Inspect a component's source code

MCP support

It exposes `searchComponents` to find component names and paths, and `getComponentInfo` to retrieve source code to MCP clients.

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

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
  "mcpServers": {
    "component": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/inspector"
      ]
    }
  }
}
Run commandnpx -y @modelcontextprotocol/inspector

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npm@modelcontextprotocol/inspector

Tools

No tool list yet

Local servers expose tools only once running on your machine, and the maintainer has not provided a tool list.

Details

From the project 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

技術スタック

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.