Skillroute

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:

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

Install dependencies and compile the TypeScript code:

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):

{
  "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:

{
  "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:

{
  "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.