Component MCP Server

Name: Component MCP Server
Author: hnegishi

@hnegishi

代码仓库

关于 Component MCP Server

暂无概览

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

基本信息

分类

其他

许可证

MIT

运行时

node

传输方式

stdio

发布者

hnegishi

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "component-mcp-server": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/inspector",
        "node",
        "./dist/index.js"
      ]
    }
  }
}

工具

コンポーネントを検索し、その名前とパスを取得します。

コンポーネントのソースコードを取得します。

概览

What is Component MCP Server?

Component MCP Server is an MCP server that searches for components in a local repository and retrieves component information (name, path, source code). It is designed for developers who want to integrate component discovery into AI assistants via the Model Context Protocol.

How to use Component MCP Server?

Install dependencies: npm install. 2. Create a .env file with COMPONENTS_PATH pointing to the repository’s components directory. 3. Build the server: npm run build. 4. Configure in VSCode with command: "node", args: ["./build/index.js"], and the COMPONENTS_PATH environment variable.

Key features of Component MCP Server

Searches components and returns their names and paths
Retrieves the full source code of a specific component
Built with TypeScript and the Model Context Protocol SDK
Simple configuration via a single environment variable

Use cases of Component MCP Server

Auto‑complete component names in an AI coding assistant
Retrieve component source code for analysis or documentation
Enable an AI agent to locate and inspect UI components in a project

FAQ from Component MCP Server

What are the dependencies and runtime requirements?

The server requires Node.js and npm. It uses TypeScript and the @modelcontextprotocol/sdk package.

Where does the component data live?

Components are read from a local repository directory specified in the COMPONENTS_PATH environment variable. No external database is used.

What tools does Component MCP Server expose?

It provides two tools: searchComponents (search by name, returns paths) and getComponentInfo (returns the component’s source code).

How do I configure Component MCP Server in VSCode?

Add a server entry with command: "node", args: ["./build/index.js"], and an env object containing COMPONENTS_PATH set to your components directory.