Zum Hauptinhalt springen

MCP Server Übersicht

Der Widget Builder enthält einen integrierten MCP Server (Model Context Protocol), der es KI-Assistenten ermöglicht, direkt mit Ihrem Widget Builder Konto zu interagieren. Das bedeutet, dass Sie Tools wie Claude Desktop, Cursor, Windsurf oder jeden anderen MCP-kompatiblen Client verwenden können, um Widgets durch natürliche Konversation zu erstellen, zu bearbeiten und zu verwalten.

Was ist MCP?​

Das Model Context Protocol (MCP) ist ein offener Standard, der es KI-Anwendungen ermöglicht, sich mit externen Tools und Datenquellen zu verbinden. Stellen Sie es sich als einen universellen Stecker vor, der KI-Assistenten erlaubt, auf Dienste wie den Widget Builder zuzugreifen und Aktionen in Ihrem Namen auszuführen.

Was kann der MCP Server?​

Mit dem Widget Builder MCP Server kann ein KI-Assistent:

  • Ihre Widgets auflisten — Alle benutzerdefinierten und integrierten Widgets in Ihrem Konto anzeigen
  • Neue Widgets erstellen — Vollständiges Widget-HTML mit Handlebars-Templates und Tailwind CSS generieren
  • Bestehende Widgets aktualisieren — Templates, Formularfelder, Variablen und Übersetzungen ändern
  • Widgets löschen — Nicht mehr benötigte Widgets entfernen
  • Templates testweise rendern — Handlebars-Templates serverseitig ohne Browser validieren
  • Dokumentation durchsuchen — Zugriff auf die vollständige Widget-Entwicklungsanleitung einschließlich aller Handlebars-Helfer, Formularfeldtypen und Best Practices

Wie funktioniert es?​

┌─────────────────┐         ┌─────────────────┐         ┌─────────────┐
│  KI-Assistent   │  MCP    │  Widget Builder  │         │  Ihre       │
│  (Claude, etc.) │ ◄─────► │  MCP Server      │ ◄─────► │  Widgets    │
└─────────────────┘         └─────────────────┘         └─────────────┘
  1. Sie generieren ein API Token in der Widget Builder App
  2. Sie konfigurieren Ihren KI-Assistenten (MCP Client) mit dem Token
  3. Der KI-Assistent verbindet sich über das Token mit dem MCP Server
  4. Sie bitten die KI, Widgets in natürlicher Sprache zu erstellen oder zu verwalten

Sicherheit​

  • Token-basierte Authentifizierung — Jede MCP-Verbindung erfordert ein dediziertes API Token
  • Eingeschränkte Berechtigungen — Tokens können auf Nur-Lese-, Schreib- oder Render-Zugriff beschränkt werden
  • Client-Isolation — Jedes Token ist an Ihr Konto gebunden; KI-Agenten können nur auf Ihre Widgets zugreifen
  • Widerrufbar — Tokens können sofort über die Widget Builder App widerrufen werden
  • Keine Klartextspeicherung — Nur gehashte Tokens werden in der Datenbank gespeichert

Nächste Schritte​

  1. API Token generieren — Erstellen Sie Ihr erstes MCP API Token
  2. MCP Client konfigurieren — Verbinden Sie Claude Desktop, Cursor oder einen anderen Client
  3. Verfügbare Tools — Erkunden Sie alle Tools, die der MCP Server bereitstellt