Supaui

🚀 SupaUI MCP 服務器

SupaUI MCP 服務器是專為 SupaUI 設計的模型上下文協議 (MCP) 服務器，它允許 AI 代理通過自然語言交互，實現 UI 組件的生成、獲取和管理，極大提升了 UI 開發的效率與便捷性。

✨ 主要特性

• 創建 UI 組件：可依據自然語言描述生成 React 組件，讓開發人員無需手動編寫大量代碼，輕鬆實現 UI 組件的創建。
• 獲取 UI 組件：能夠搜索並從 buouui.com 獲取組件，豐富了組件的來源。
• 瀏覽 UI 組件：支持查看可用組件及其詳細預覽，方便開發人員挑選合適的組件。
• TypeScript 支持：使用 TypeScript 實現，提供更好的類型安全和開發者體驗，減少開發過程中的錯誤。

📦 安裝指南

先決條件

• 需要安裝 Node.js（最新 LTS 版本）。
• 從 buouui.com 獲取 BUOU_API_KEY。

安裝步驟

# 安裝依賴
pnpm install

# 構建項目
pnpm build

📚 詳細文檔

配置

1. 設置你的 BUOU_API_KEY 環境變量：

export BUOU_API_KEY=your_api_key_here

2. 或根據 smithery.yaml 要求創建配置文件。

使用方法

啟動服務器

pnpm start

可用命令

服務器支持以下命令：

1. 創建 UI 組件：

/ui create a basic button

2. 獲取 UI 組件：

/ui fetch modern login form

3. 瀏覽 UI 組件：

/buou list cards

API 工具

CreateUiTool

• 根據自然語言描述生成新的 UI 組件。
• 接口：/api/create

FetchUiTool

• 從 buouui.com 獲取現有組件。
• 接口：/api/fetch

ListUiTool

• 列出可用組件及其預覽。
• 接口：/api/list

開發

# 監視模式下構建
tsc -w

# 運行測試
pnpm test

環境變量

• BUOU_API_KEY：你的 buouui.com API 密鑰（必需）

貢獻指南

1. 叉取倉庫
2. 創建功能分支
3. 提交更改
4. 推送到分支
5. 創建拉取請求

📄 許可證

本項目採用 ISC 許可證。

💻 支持

如需支持，請訪問：

• buouui.com
• 郵箱：support@buouui.com