The SupaUI MCP Server enables interaction with UI components through natural language.
Generate React Components: Create UI components using natural language descriptions
Fetch UI Components: Retrieve existing components from buouui.com
Browse Components: List available components with previews and metadata
Image Handling: Generate or edit images based on user requests and return URLs
TypeScript Integration: Built with TypeScript for enhanced type safety
Runs on Node.js, allowing deployment of the UI generation capabilities as a service accessible via API endpoints.
Uses pnpm for package management, providing an efficient way to install and manage dependencies for the UI component server.
Enables the generation of React components based on natural language descriptions, supporting the creation of UI elements for React applications.
Built with TypeScript for better type safety, providing well-typed component generation and API interactions for UI development.
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
Related MCP server: CodeAlive MCP
Prerequisites
Smithery
use Smithery to install supaui-mcp in Claude：
munal
clone repo：
=======
Node.js (Latest LTS version)
BUOU_API_KEY from buouui.com
Installation
Configuration
Set your BUOU_API_KEY in the environment:
Or create a configuration file based on smithery.yaml requirements.
Usage
Starting the Server
Available Commands
The server supports the following commands:
Create UI Component:
Fetch UI Component:
List UI Components:
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
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:
Email: support@buouui.com