Magic UI MCP Server

🚀 @magicuidesign/mcp

@magicuidesign/mcp 是一款强大的工具包，提供了丰富的组件和实用功能。它旨在显著提升设计效率，助力设计师轻松打造高质量设计。

🚀 快速开始

@magicuidesign/mcp 是一个提供多款组件和功能的工具包，专为提升设计效率而打造。它包含了丰富的 UI 组件、交互效果和设计资源，帮助设计师快速实现高质量的设计。

✨ 主要特性

• 丰富的组件库：提供 UI 组件、动画与交互组件以及其他实用功能组件，满足多样化设计需求。
• 便捷的使用方式：通过简单的代码即可初始化并使用各个组件。
• 完善的文档资源：可参考官方网站获取详细文档和更多示例。

📦 安装指南

使用以下命令安装 @magicuidesign/mcp：

npm install @magicui-design/mcp

或者通过 yarn 安装：

yarn add @magicui-design/mcp

💻 使用示例

基础用法

在你的项目中引入 MCP 并开始使用：

import { MagicUI } from '@magicuidesign/mcp';

// 初始化 MCP 实例
const magic = new MagicUI();

// 使用某个功能
magic.component(componentName).configure(options);

高级用法

import { MagicUI } from '@magicuidesign/mcp';

// 初始化 MCP 实例
const magic = new MagicUI();

// 使用 Button 组件
magic.component('Button').configure({
  size: 'large',
  variant: 'primary'
});

// 使用 Card 组件
magic.component('Card').configure({
  padding: '1rem',
  shadow: 'md'
});

📚 详细文档

详细文档和更多示例请参考 MagicUI 官方网站。

📄 许可证

本项目遵循 MIT 协议。具体许可内容请参考 LICENSE.md。

贡献者

感谢以下贡献者为 @magicuidesign/mcp 项目做出的贡献：

• @beaubhp
• 其他匿名贡献者

感谢您的支持与使用！