MCP Magic UI
About
An MCP (Model Context Protocol) server for accessing and searching Magic UI components
Details
- Author
- idcdev
- GitHub stars
- 13
- Downloads
- 322
- Categories
- Other
Jump to
- Fetches and categorizes all Magic UI components
- Local caching reduces GitHub API calls and allows offline use
- Supports both stdio and HTTP transport methods
- Includes fallback mock data when GitHub API is unavailable
- Exposes tools to list components and retrieve source code
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 Magic UICommand (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
Clone the repository, install dependencies with npm install, build with npm build, then start the server using npm start for stdio transport or TRANSPORT_TYPE=http npm start for HTTP transport. Optionally configure a GitHub personal access token in a .env file to avoid API rate limits. Connect using any MCP client, such as the MCP Inspector.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mcp magic ui": {
"mcp-magic-ui": {
"command": "npx",
"args": [
"@modelcontextprotocol/inspector",
"mcp-magic-ui"
]
}
}
}
}McpServers
{
"mcp-magic-ui": {
"command": "npx",
"args": [
"@modelcontextprotocol/inspector",
"mcp-magic-ui"
]
}
}MCP Magic UI
An MCP (Model Context Protocol) server for accessing and exploring Magic UI components from the magicuidesign/magicui repository.
What is MCP Magic UI?
MCP Magic UI is a server that implements the Model Context Protocol (MCP) to provide access to Magic UI components. It fetches component data from the Magic UI GitHub repository, categorizes them, and makes them available through an MCP API. This allows AI assistants and other MCP clients to easily discover and use Magic UI components in their applications.
Features
- Component Discovery: Access all Magic UI components through MCP tools
- Component Categorization: Components are automatically categorized based on their names and dependencies
- Caching System: Local caching of component data to reduce GitHub API calls and work offline
- Multiple Transport Options: Support for both stdio and HTTP transport methods
- Fallback Mechanism: Mock data is provided when GitHub API is unavailable
Installation
```bash
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
