Skip to main content
Glama
deenesjakoruzh

SupaUI MCP Server

by buoooou
npmGitHub
TypeScript
21
6
OverviewInspectNewEndpointsSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

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

  1. 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

  1. Set your BUOU_API_KEY in the environment:

export BUOU_API_KEY=your_api_key_here

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

Usage

Starting the Server

pnpm start

Available Commands

The server supports the following commands:

  1. Create UI Component:

/ui create a basic button

  1. Fetch UI Component:

/ui fetch modern login form

  1. 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

  1. Fork the repository

  2. Create your feature branch

  3. Commit your changes

  4. Push to the branch

  5. Create a Pull Request

License

ISC

Support

For support, please visit:

Deploy Server
A
security – no known vulnerabilities
F
license - not found
A
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

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

  1. Features
    1. Prerequisites
      1. Smithery
      2. munal
    2. Installation
      1. Configuration
        1. Usage
          1. Starting the Server
          2. Available Commands
        2. API Tools
          1. CreateUiTool
          2. FetchUiTool
          3. ListUiTool
        3. Development
          1. Environment Variables
            1. Contributing
              1. License
                1. Support

                  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 -
                    36
                    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 -
                    65
                    MIT License
                    • Apple

                  • 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 -
                    • Linux
                    • Apple

                  • 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

                  Appeared in Searches

                  New MCP Servers

                  MCP directory API

                  We provide all the information about MCP servers via our MCP API.

                  curl -X GET 'https://glama.ai/api/mcp/v1/servers/buoooou/mcp-ui-gen'

                  If you have feedback or need assistance with the MCP directory API, please join our Discord server