MCP Magic UI
by idcdev
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.
Last updated: N/A
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 from the magicuidesign/magicui repository. It fetches component data, categorizes it, and makes it available through an MCP API, allowing AI assistants and other MCP clients to easily discover and use Magic UI components.
How to use MCP Magic UI?
First, clone the repository and install dependencies using npm install. Configure a GitHub personal access token in a .env file to avoid rate limits. Start the server using npm start (stdio) or TRANSPORT_TYPE=http npm start (HTTP). Connect to the server using an MCP client like the MCP Inspector.
Key features of MCP Magic UI
Component Discovery
Component Categorization
Caching System
Multiple Transport Options
Use cases of MCP Magic UI
Accessing Magic UI components through MCP tools
Integrating Magic UI components into AI assistants
Discovering and using UI components programmatically
Offline access to component data
FAQ from MCP Magic UI
What is MCP?
What is MCP?
MCP stands for Model Context Protocol.
How do I avoid GitHub API rate limits?
How do I avoid GitHub API rate limits?
Create a GitHub personal access token and add it to a .env file.
What transport options are available?
What transport options are available?
The server supports both stdio and HTTP transport methods.
Can I use the server offline?
Can I use the server offline?
Yes, the server uses a local cache for component data, enabling offline usage.
How are components categorized?
How are components categorized?
Components are automatically categorized based on their names and dependencies.