Component MCP Server

🚀 Component MCP Server

An MCP server for searching and retrieving component information from local repositories.

⚠️ Important Note

This project has not been published on npm yet.

🚀 Quick Start

📦 Installation

1. Install the dependencies:

npm install

2. Create a .env file and specify the path to the component library.

COMPONENTS_PATH=/path/to/your/front/repository/components

💻 Usage Examples

Basic Usage

Build the MCP server:

npm run build

Advanced Usage

VSCode Configuration

Add the following configuration to launch.json to start and debug in VSCode:

{
  "servers": {
    "component-mcp-server": {
      "command": "node",
      "args": ["./dist/index.js"],
      "env": {
        "COMPONENTS_PATH": "/path/to/your/front/repository/components"
      }
    }
  }
}

Tools

• getComponents - Search for and retrieve the component library from the corresponding repository based on the context provided by the user, and return the source code.

Debugging

Use the following command to start the development tool for testing and debugging the component-mcp-server:

npx @modelcontextprotocol/inspector node ./dist/index.js

🔧 Technical Details

Technology Stack

• TypeScript
• Node.js
• @modelcontextprotocol/sdk - SDK for implementing the MCP server