@magicuidesign/mcp

Name: @magicuidesign/mcp
Author: magicuidesign

本地服务

magicui.design开发工具21329 周前更新

关于 @magicuidesign/mcp

@magicuidesign/mcp 是 Magic UI 的官方 MCP 服务，可在 AI 编辑器中搜索并安装 Magic UI 组件。适合在 Cursor、Windsurf、Claude 等客户端中构建界面的前端开发者。服务直接读取 Magic UI 的实时注册表。

该项目是一个 MCP 服务，向客户端暴露 listRegistryItems、searchRegistryItems、getRegistryItem 三个工具，用于浏览和查询 Magic UI 注册表。

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

{
  "mcpServers": {
    "magicuidesign": {
      "command": "npx",
      "args": [
        "-y",
        "@magicuidesign/cli"
      ]
    }
  }
}

启动命令npx -y @magicuidesign/cli

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npm@magicuidesign/clistdio

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

适用于 Magic UI 的官方 ModelContextProtocol（MCP）服务。

npx @magicuidesign/cli@latest install <client>

添加到 IDE 的 MCP 配置中：

{
  "mcpServers": {
    "magicuidesign-mcp": {
      "command": "npx",
      "args": ["-y", "@magicuidesign/mcp@latest"]
    }
  }
}

配置完成后，你可以提出以下请求：

“制作一个 Logo 滚动展示效果”

“添加文字模糊淡出动画”

“添加网格背景”

此服务提供以下可通过 MCP 调用的工具：

工具名称	描述
`listRegistryItems`	列出 Magic UI 注册表项目，支持使用 `kind`、`query`、`limit` 和 `offset` 等筛选条件。建议用于浏览注册表。
`searchRegistryItems`	按关键字搜索 Magic UI 注册表项目，搜索范围涵盖名称、标题、描述和注册表类型，并支持分页。
`getRegistryItem`	返回单个注册表项目的详细信息，包括安装说明，以及可选的源代码、相关项目和示例。