@magicuidesign/mcp

基本能力

产品定位

mcp是Magic UI的官方ModelContextProtocol (MCP)服务器，旨在为开发者提供Magic UI组件的实现细节和工具调用。

核心功能

• 提供Magic UI组件的实现细节，包括UI组件、动画效果、背景和按钮等。
• 支持多种客户端，如cursor、windsurf、claude等。
• 提供工具调用功能，如getUIComponents、getComponents、getDeviceMocks等。

适用场景

• 开发者需要快速获取Magic UI组件的实现细节。
• 需要调用Magic UI的工具进行开发或调试。

工具列表

• getUIComponents: 提供所有Magic UI组件的列表。
• getComponents: 提供核心组件的实现细节。
• getDeviceMocks: 提供设备模拟组件的实现细节。
• getSpecialEffects: 提供特殊效果组件的实现细节。
• getAnimations: 提供动画组件的实现细节。
• getTextAnimations: 提供文本动画组件的实现细节。
• getButtons: 提供按钮组件的实现细节。
• getBackgrounds: 提供背景组件的实现细节。

常见问题解答

• 部分客户端对工具调用数量有限制，因此工具被分组以优化使用。

使用教程

使用依赖

无特别依赖，直接通过npm安装即可。

安装教程

1. 使用以下命令安装MCP配置：

npx @magicuidesign/cli@latest install <client>

1. 或手动添加到IDE的MCP配置中：

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

调试方式

安装完成后，可以通过调用工具进行调试，例如：

npx @magicuidesign/mcp@latest getUIComponents

许可证

该项目遵循 MIT 开源许可条款，请参阅 MIT 了解完整条款。