模型上下文协议服务器

Magic UI的官方模型上下文协议(MCP)服务器,用于浏览和搜索Magic UI注册表项,支持多种客户端配置。

  • by magicuidesign
  • TypeScript
  • 本地部署
  • 213 星标
  • 更新于
在 GitHub 查看 magicuidesign/mcp

使用说明

@魔术设计/mcp

官方模型上下文协议(MCP)服务器 魔术UI.

安装MCP配置

npx @magicuidesign/cli@latest install <client>

支持的客户

  • [x] 游标
  • [x] 风帆冲浪
  • [x] 克劳德
  • [x] 克莱恩
  • [x] 鲁克林

手动安装

添加到IDE的MCP配置中:

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

示例用法

配置后,您可以提出以下问题:

“制作一个标志框”

“添加模糊淡入淡出文本动画”

“添加网格背景”

可用工具

服务器提供以下可通过MCP调用的工具:

工具名称 描述
listRegistryItems 列出带有可选过滤器的Magic UI注册表项,如 kind, query, limit,以及 offset。建议用于注册表浏览。
searchRegistryItems 通过关键字在名称、标题、描述和注册表类型之间搜索Magic UI注册表项,并支持分页。
getRegistryItem 返回单个注册表项的详细信息,包括安装说明和可选源、相关项和示例。

MCP限制

有些客户有 限制 他们可以调用的工具数量。服务器保留了一个小型通用工具界面,并直接从实时Magic UI注册表读取,而不是依赖于硬编码的类别桶。广泛的语义发现概念,如 widgets, media,或 devices 目前尚未在MCP API中将其建模为一级类别。

积分

非常感谢 @博柏 用于创建MCP服务器🙏

麻省理工学院