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 服务器

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K

🚀 Model Context Protocol (MCP) Curriculum for Beginners

microsoft

This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable,

16.7K

Screenpipe

screenpipe

YC (S26) | Open Computer History | Continuously record your company computer work, map your workflows, help you find work worth automating, and power your agents' context

22.0K

Next Generation Movers: free moving quotes (remote MCP)

Next Generation Movers

Free moving quotes for AI agents from Next Generation Movers, a licensed interstate mover (USDOT 3764697). US long-distance nationwide and local DC/MD/VA. Indicative ballpark price and booking options; optional $0.01 x40