SupaUI MCP Server

Integrations

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

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

  • 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:

-
security - not tested
F
license - not found
-
quality - not tested

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. 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
                    ID: n41dasnvxy