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: MCP Magic UI

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:

Install Server
A
license - permissive license
C
quality
D
maintenance

Maintenance

Maintainers
Response time
Release cycle
Releases (12mo)
Commit activity

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Related MCP Servers

  • A
    license
    Not graded
    quality
    C
    maintenance
    A server that provides rich UI context and interaction capabilities to AI models, enabling deep understanding of user interfaces through visual analysis and precise interaction via Model Context Protocol.
    72
    MIT
  • F
    license
    D
    quality
    D
    maintenance
    A Model Context Protocol server that provides access to Magic UI components, allowing AI assistants and other MCP clients to discover and use UI components from the Magic UI design system.
    2
    14
  • A
    license
    Not graded
    quality
    A
    maintenance
    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.
    88
    MIT
  • A
    license
    Not graded
    quality
    D
    maintenance
    A Model Context Protocol server that enables AI agents to control and automate Android devices through natural language, supporting actions like app management, UI interactions, and device monitoring.
    60
    MIT

View all related MCP servers

Related MCP Connectors

  • A comprehensive Model Context Protocol (MCP) server that enables AI assistants to interact with yo…

  • A Model Context Protocol server for Wix AI tools

  • The Figma MCP server brings Figma design context directly into your AI workflow.

View all MCP Connectors

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