# Skillroute MCP

Skillroute MCP is a Model Context Protocol (MCP) server that provides AI agents with access to a structured library of engineering skills, best practices, and playbooks.

## Available Skills

This MCP server currently provides the following skills and best practice guidelines:

- **agent-development**: Guidelines for developing AI agents.
- **agents-sdk**: Documentation and rules for using the agents SDK.
- **ai-elements**: Best practices for AI UI elements.
- **building-components**: Standards for building reusable components.
- **code-reviewer**: Guidelines and instructions for automated code review.
- **command-development**: Rules for developing CLI commands and tools.
- **frontend-design**: General frontend design rules and principles.
- **hook-development**: Best practices for developing React hooks.
- **next-best-practices**: Comprehensive Next.js best practices and app router guidelines.
- **next-cache-components**: Guidelines for caching in Next.js.
- **skill-development**: Instructions on how to write and structure skills.
- **vercel-react-best-practices**: Vercel's recommended React best practices.
- **web-design-guidelines**: General web design and aesthetic guidelines.
- **web-perf**: Web performance optimization rules.

## Setup Instructions

### 1. Clone the Repository and Build

First, clone the project to your local machine:

```bash
git clone https://github.com/vaibhavgupta5/SkillRoute-MCP.git
cd SkillRoute-MCP
```

Install dependencies and compile the TypeScript code:

```bash
npm install
npm run build
```

This will generate the compiled JavaScript in the `dist/` directory.

### 2. Get the Absolute Path

For the MCP configuration, you will need the **absolute path** to the compiled `index.js` file.
For example, if you cloned the repository into `C:\Projects\skillroutemcp`, your path will be `C:/Projects/skillroutemcp/dist/index.js` (make sure to use forward slashes or escaped backslashes in JSON).

In the configurations below, replace `[ABSOLUTE_PATH_TO_DIST_INDEX_JS]` with your actual absolute path.

### 3. Configure in Claude Desktop

To use this MCP server in Claude Desktop, add the following to your `claude_desktop_config.json` file (typically located at `%APPDATA%\\Claude\\claude_desktop_config.json` on Windows or `~/Library/Application Support/Claude/claude_desktop_config.json` on macOS):

```json
{
  "mcpServers": {
    "skillroute": {
      "command": "node",
      "args": ["[ABSOLUTE_PATH_TO_DIST_INDEX_JS]"]
    }
  }
}
```

Restart Claude Desktop after updating the configuration.

### 4. Configure in VSCode (with extensions like Roo Code / Cline)

To use this MCP server in VS Code with extensions that support MCP, you can add it to their respective MCP settings configuration file:

```json
{
  "mcpServers": {
    "skillroute": {
      "command": "node",
      "args": ["[ABSOLUTE_PATH_TO_DIST_INDEX_JS]"]
    }
  }
}
```

### 5. Configure in Antigravity

To use this MCP server in Antigravity, you need to register it in your Antigravity MCP configuration.

Open your Antigravity Settings and edit the `mcp.json` file (or navigate to the MCP Server configuration section). Add the server using the following structure:

```json
{
  "mcpServers": {
    "skillroute": {
      "command": "node",
      "args": ["[ABSOLUTE_PATH_TO_DIST_INDEX_JS]"]
    }
  }
}
```

Alternatively, if adding via the Antigravity settings UI:
- **Command**: `node`
- **Arguments**: `["[ABSOLUTE_PATH_TO_DIST_INDEX_JS]"]`

Reload the Antigravity workspace for the changes to take effect.