Component MCP Server

@hnegishi

About Component MCP Server

No overview available yet

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

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

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

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

Overview

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.

What transport or authentication is used?

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

Frequently asked questions

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.

Comments

Basic information

More Other MCP servers

MCP Registry

modelcontextprotocol

A community driven registry service for Model Context Protocol (MCP) servers.

7.0K

Figs, Relationship Expert

Figs O'Sullivan, LMFT

Couples therapist Figs O'Sullivan (LMFT, 17 years, endorsed by Sue Johnson, creator of EFT) inside your AI. Ask relationship questions answered from his clinical writing, name the pattern in a fight, get a three-step rep

Awesome Mlops

visenger

A curated list of references for MLOps

14.0K

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

FastMCP v2 🚀

jlowin

🚀 The fast, Pythonic way to build MCP servers and clients.

26.0K