Component MCP Server

@hnegishi

代码仓库

基本信息

分类

其他

许可证

MIT

传输方式

stdio

作者

hnegishi

关于 Component MCP Server

暂无概览

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

Component MCP Server 配置

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

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

Component MCP Server 工具

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

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

概览

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

常见问题

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.

What transport or authentication is used?

The server uses standard input/output (stdio) transport as configured in the VSCode example. No authentication is mentioned.

其他分类下的更多 MCP 服务器

Lemon.io

lemon-io

Request dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K