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 Web Research Server

MCP Web Research Server

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

精选
mcp-perplexity

mcp-perplexity

Perplexity API 的 MCP 服务器。

精选