SupaUI MCP Server

A Model Context Protocol (MCP) server for SupaUI that enables AI agents to generate, fetch, and manage UI components through natural language interactions.

Features

Create UI Components: Generate React components based on natural language descriptions
Fetch UI Components: Search and retrieve components from buouui.com
List UI Components: Browse available components with detailed previews
TypeScript Support: Built with TypeScript for better type safety and developer experience

Prerequisites

Smithery

use Smithery to install supaui-mcp in Claude：

npx -y @smithery/cli install @buoooou/supaui-mcp --client claude

munal

clone repo：

git clone [your-repository-url]
cd mcp-ui-gen

=======

Node.js (Latest LTS version)
BUOU_API_KEY from buouui.com

Installation

# Install dependencies
pnpm install

# Build the project
pnpm build

Configuration

Set your BUOU_API_KEY in the environment:

export BUOU_API_KEY=your_api_key_here

Or create a configuration file based on smithery.yaml requirements.

Usage

Starting the Server

pnpm start

Available Commands

The server supports the following commands:

Create UI Component:

/ui create a basic button

Fetch UI Component:

/ui fetch modern login form

List UI Components:

/buou list cards

API Tools

CreateUiTool

Generates new UI components based on natural language descriptions
Endpoint: /api/create

FetchUiTool

Retrieves existing components from buouui.com
Endpoint: /api/fetch

ListUiTool

Lists available components with previews
Endpoint: /api/list

Development

# Build in watch mode
tsc -w

# Run tests
pnpm test

Environment Variables

BUOU_API_KEY: Your API key from buouui.com (Required)

Contributing

Fork the repository
Create your feature branch
Commit your changes
Push to the branch
Create a Pull Request

License

ISC

Support

For support, please visit:

buouui.com
Email: support@buouui.com

Deploy Server

HTTP connection URL

security – no known vulnerabilities

license - not found

quality - confirmed to work

How are these scores calculated?

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Tools

Ein Model Context Protocol-Server, der es KI-Agenten ermöglicht, UI-Komponenten durch natürliche Sprachinteraktionen zu generieren, abzurufen und zu verwalten.

Related MCP Servers

MCP Toolkit
zxfgds
-
security
F
license
-
quality
A comprehensive Model Context Protocol server implementation that enables AI assistants to interact with file systems, databases, GitHub repositories, web resources, and system tools while maintaining security and control.
Last updated -
7
1
CodeAlive MCPofficial
CodeAlive-AI
-
security
A
license
-
quality
A Model Context Protocol server that enhances AI agents by providing deep semantic understanding of codebases, enabling more intelligent interactions through advanced code search and contextual awareness.
Last updated -
51
MIT License
MCP Server for n8n Integration
gabrielpierobon
-
security
F
license
-
quality
A Model Context Protocol server that enables AI agents to interact with n8n workflows and automation tools through a standardized interface, allowing execution of workflows and access to n8n functions.
Last updated -
MCP AI Chat LangChain
badrinathvm
-
security
F
license
-
quality
A basic Model Context Protocol server implementation that demonstrates core functionality including tools and resources for AI chat applications.
Last updated -

View all related MCP servers

SupaUI MCP Server