@magicuidesign/mcp

Name: @magicuidesign/mcp
Author: magicuidesign

@magicuidesign

Repository Homepage

About @magicuidesign/mcp

Magic UI components, searchable and installable from your AI editor.

#ai #mcp #magicui #model-context-protocol #magicuidesign

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "mcp-magicuidesign": {
      "command": "npx",
      "args": [
        "@magicuidesign/cli@latest",
        "install",
        "<client>"
      ]
    }
  }
}

Tools

Lists Magic UI registry items with optional filters like `kind`, `query`, `limit`, and `offset`. Recommended for registry browsing.

Searches Magic UI registry items by keyword across names, titles, descriptions, and registry types, with pagination support.

Returns details for a single registry item, including install instructions and optional source, related items, and examples.

Overview

What is @magicuidesign/mcp?

The official Model Context Protocol (MCP) server for Magic UI. It integrates with the Magic UI registry to let developers query, search, and retrieve UI components directly from their IDE. Designed for users of MCP‑compatible clients like Cursor, Windsurf, and Claude.

How to use @magicuidesign/mcp?

Install via the CLI: npx @magicuidesign/cli@latest install <client> (supported: cursor, windsurf, claude, cline, roo‑cline). Alternatively, add the manual JSON configuration to your IDE’s MCP settings. Once configured, ask questions like “Make a marquee of logos” to get components.