MCP Magic UI
BasicMCP 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 and categorizes them for easy access through an MCP API.
000
Overview
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 and categorizes them for easy access through an MCP API.
Installation
1Install the package
npx
Clone the repository, install dependencies, and start the server using stdio or HTTP transport.2Add to Claude
Add this configuration to your claude_desktop_config.json:
claude_desktop_config.json
{
"mcpServers": {
"mcp-magic-ui": {
"command": "npx",
"args": [
"-y",
"Clone the repository, install dependencies, and start the server using stdio or HTTP transport."
]
}
}
}3Verify installation
Restart Claude Desktop, then ask:
"What tools do you have available from MCP Magic UI?"
Prerequisites
- Node.js 18 or higher
- npm or npx available
- Claude Desktop or Claude API access
Configuration
No configuration required. This server works out of the box.
Usage Examples
List Resources
"What resources are available in MCP Magic UI?"
Claude will query available resources and return a list of what you can access.
Get Details
"Show me details about [specific item] in MCP Magic UI"
Claude will fetch and display detailed information about the requested item.
Create New
"Create a new [item] in MCP Magic UI with [details]"
Claude will use the appropriate tool to create the resource and confirm success.
Works with MCP Magic UI
Related skills
Browse all skillsNeed help with MCP integration?
We build custom MCP integrations for B2B companies. From simple connections to complex multi-tool setups.