Skip to main content
Glama

SupaUI MCP Server

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

Merkmale

  • UI-Komponenten erstellen : Generieren Sie React-Komponenten basierend auf Beschreibungen in natürlicher Sprache

  • UI-Komponenten abrufen : Suchen und Abrufen von Komponenten von buouui.com

  • UI-Komponenten auflisten : Durchsuchen Sie verfügbare Komponenten mit detaillierten Vorschauen

  • TypeScript-Unterstützung : Erstellt mit TypeScript für bessere Typsicherheit und Entwicklererfahrung

Related MCP server: CodeAlive MCP

Voraussetzungen

Schmiedekunst

Verwenden Sie Smithery , um supaui-mcp in Claude zu installieren:

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

munal

  1. Klon-Repository:

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

=======

  • Node.js (neueste LTS-Version)

  • BUOU_API_KEY von buouui.com

Installation

# Install dependencies pnpm install # Build the project pnpm build

Konfiguration

  1. Legen Sie Ihren BUOU_API_KEY in der Umgebung fest:

export BUOU_API_KEY=your_api_key_here
  1. Oder erstellen Sie eine Konfigurationsdatei basierend auf den Anforderungen von smithery.yaml.

Verwendung

Starten des Servers

pnpm start

Verfügbare Befehle

Der Server unterstützt die folgenden Befehle:

  1. UI-Komponente erstellen:

/ui create a basic button
  1. UI-Komponente abrufen:

/ui fetch modern login form
  1. Liste der UI-Komponenten:

/buou list cards

API-Tools

Erstellen Sie ein UiTool

  • Generiert neue UI-Komponenten basierend auf natürlichen Sprachbeschreibungen

  • Endpunkt: /api/create

FetchUiTool

  • Ruft vorhandene Komponenten von buouui.com ab

  • Endpunkt: /api/fetch

ListUiTool

  • Listet verfügbare Komponenten mit Vorschau auf

  • Endpunkt: /api/list

Entwicklung

# Build in watch mode tsc -w # Run tests pnpm test

Umgebungsvariablen

  • BUOU_API_KEY : Ihr API-Schlüssel von buouui.com (Erforderlich)

Beitragen

  1. Forken Sie das Repository

  2. Erstellen Sie Ihren Feature-Zweig

  3. Übernehmen Sie Ihre Änderungen

  4. Push zum Zweig

  5. Erstellen einer Pull-Anforderung

Lizenz

ISC

Unterstützung

Für Unterstützung besuchen Sie bitte:

One-click Deploy
A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

Latest Blog Posts

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