MCP Server
Description
# MCP Server ## Getting Started ### 1. Install Dependencies ```bash npm install ``` ### 2. Build the MCP Server ```bash npm run build ``` This will generate the compiled server at `build/index.js`. --- ## Usage as MCP Server After building, you can use the compiled…
About
# MCP Server ## Getting Started ### 1. Install Dependencies ```bash npm install ``` ### 2. Build the MCP Server ```bash npm run build ``` This will generate the compiled server at `build/index.js`. --- ## Usage as MCP Server After building, you can use the compiled `build/index.js` file as the entry point for your MCP…
Details
- Author
- jaikrishnaverma-dev
- Downloads
- 246
- Categories
- Other, Developer Tools
Jump to
- Built with Node.js and npm.
- Uses stdio transport protocol.
- Compiled output at build/index.js.
- Supports MCP Inspector for debugging.
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
MCP ServerCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Install dependencies with npm install, build the server with npm run build, then configure your MCP client to use the compiled build/index.js as the command (e.g., node "path/to/build/index.js"). Debug using the MCP Inspector (npx @modelcontextprotocol/inspector).
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mcp server": {
"mcp-server-designs": {
"command": "npx",
"args": [
"@modelcontextprotocol/inspector"
]
}
}
}
}McpServers
{
"mcp-server-designs": {
"command": "npx",
"args": [
"@modelcontextprotocol/inspector"
]
}
}MCP Server
Getting Started
1. Install Dependencies
npm install
2. Build the MCP Server
npm run build
This will generate the compiled server at build/index.js.
---
Usage as MCP Server
After building, you can use the compiled build/index.js file as the entry point for your MCP server. For example, to configure your MCP client to use this server via stdio, use the following configuration:
"my-design-system": {
"type": "stdio",
"command": "node",
"args": [
"E:\\MCP-Servers\\design-system-mcp\\build\\index.js"
]
}
Replace the path with the actual location of your build/index.js if different.
---
Debugging with MCP Inspector Mode
You can debug or inspect the MCP server using the MCP Inspector. First, ensure you have the inspector installed:
npm install -g @modelcontextprotocol/inspector
Then, run the inspector in MCP inspector mode:
npx @modelcontextprotocol/inspector
This will help you inspect and debug the communication between your MCP client and server.
---
Summary
1. Install dependencies: npm install
2. Build the server: npm run build
3. Copy the full path to build/index.js and use it in your agent configuration as shown above.
4. Use the MCP Inspector for debugging: npx @modelcontextprotocol/inspector
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
