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
• 其他匿名貢獻者

感謝您的支持與使用！