SupaUI MCP Server

SupaUI MCP Server

一个模型上下文协议服务器,它使 AI 代理能够通过自然语言交互来生成、获取和管理 UI 组件。

数字笔记管理
内容获取
AI内容生成
访问服务器

README

SupaUI MCP 服务器

一个用于 SupaUI 的模型上下文协议 (MCP) 服务器,它使 AI 代理能够通过自然语言交互生成、获取和管理 UI 组件。

特性

  • 创建 UI 组件: 基于自然语言描述生成 React 组件
  • 获取 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
  1. 或者基于 smithery.yaml 要求创建一个配置文件。

用法

启动服务器

pnpm start

可用命令

服务器支持以下命令:

  1. 创建 UI 组件:
/ui create a basic button
  1. 获取 UI 组件:
/ui fetch modern login form
  1. 列出 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. Fork 仓库
  2. 创建您的特性分支
  3. 提交您的更改
  4. 推送到分支
  5. 创建一个 Pull Request

许可证

ISC

支持

如需支持,请访问:

推荐服务器

mult-fetch-mcp-server

mult-fetch-mcp-server

一个多功能的、符合 MCP 规范的网页内容抓取工具,支持多种模式(浏览器/Node)、格式(HTML/JSON/Markdown/文本)和智能代理检测,并提供双语界面(英语/中文)。

精选
本地
AIO-MCP Server

AIO-MCP Server

🚀 集成了 AI 搜索、RAG 和多服务(GitLab/Jira/Confluence/YouTube)的一体化 MCP 服务器,旨在增强 AI 驱动的开发工作流程。来自 Folk。

精选
本地
Knowledge Graph Memory Server

Knowledge Graph Memory Server

为 Claude 实现持久性记忆,使用本地知识图谱,允许 AI 记住用户的信息,并可在自定义位置存储,跨对话保持记忆。

精选
本地
Hyperbrowser

Hyperbrowser

欢迎来到 Hyperbrowser,人工智能的互联网。Hyperbrowser 是下一代平台,旨在增强人工智能代理的能力,并实现轻松、可扩展的浏览器自动化。它专为人工智能开发者打造,消除了本地基础设施和性能瓶颈带来的麻烦,让您能够:

精选
本地
https://github.com/Streen9/react-mcp

https://github.com/Streen9/react-mcp

react-mcp 与 Claude Desktop 集成,能够根据用户提示创建和修改 React 应用程序。

精选
本地
any-chat-completions-mcp

any-chat-completions-mcp

将 Claude 与任何 OpenAI SDK 兼容的聊天完成 API 集成 - OpenAI、Perplexity、Groq、xAI、PyroPrompts 等。

精选
Exa MCP Server

Exa MCP Server

一个模型上下文协议服务器,它使像 Claude 这样的人工智能助手能够以安全和受控的方式,使用 Exa AI 搜索 API 执行实时网络搜索。

精选
AI 图像生成服务

AI 图像生成服务

可以用于 Cursor 集成 MCP 服务器。

精选
mcp-perplexity

mcp-perplexity

Perplexity API 的 MCP 服务器。

精选
MCP Web Research Server

MCP Web Research Server

一个模型上下文协议服务器,使 Claude 能够通过集成 Google 搜索、提取网页内容和捕获屏幕截图来进行网络研究。

精选