VibeBridgeWenn du das Veröffentlichen lieber dem Agenten überlässt, statt Dateien von Hand hochzuladen, verbindest du dein KI-Tool per MCP. MCP, das Model Context Protocol, ist einfach ein Standard, über den ein KI-Tool externe Werkzeuge nutzen kann. Verbinde dein KI-Tool per MCP, und es bekommt echte Publishing-Werkzeuge für deine VibeBridge-Seite: Es kann Seiten live schalten, Inhalte aktualisieren und SEO direkt aus dem Gespräch heraus verwalten, statt dass du Dateien exportierst und ins Portal ziehst.
VibeBridge ist die Veröffentlichungs- und Pflegeschicht für deine Seite, kein Baukasten. Du baust die Seite mit deinem KI-Tool, und die MCP-Verbindung sorgt dafür, dass genau dieses Tool sie online bringt und aktuell hält. Je nach Tool gibt es zwei Wege, und beide zeigen auf denselben Server.
Zwei Verbindungswege über MCP
- OAuth (ein Klick): Claude im Web und ChatGPT verbinden sich über "Mit VibeBridge anmelden". Ihr Connector-Dialog hat kein Feld für einen Header, also koppeln sie dein Konto über eine Anmeldung statt über einen Key.
- API-Key: Claude Code, Cursor, Windsurf und andere Entwickler-Tools verbinden sich mit einem API-Key, den du im VibeBridge-Portal erstellst.
- Server-URL: Beide Wege nutzen dieselbe Adresse, https://app.vibebridge.ai/api/mcp.
- Schritt-für-Schritt-Anleitung: Die genauen Schritte für jedes Tool findest du unter app.vibebridge.ai/connect.
Schritt 1: VibeBridge-Konto anlegen
Melde dich unter app.vibebridge.ai/signup an. Die Testphase läuft 7 Tage, es gibt keine Einrichtungsgebühr, du kannst monatlich kündigen, und die Pakete starten bei 9 € pro Monat (zzgl. USt.); Details stehen auf der Preisseite. Das Hosting liegt in der EU (Daten in Frankfurt) auf einem globalen CDN, mit automatischem SSL.
Schritt 2: Claude im Web oder ChatGPT per OAuth verbinden
Claude im Web und ChatGPT verbinden sich auf dieselbe Weise. Füge VibeBridge als Connector mit der Server-URL https://app.vibebridge.ai/api/mcp hinzu und wähle dann "Mit VibeBridge anmelden". Diese Anmeldung koppelt den Connector an dein Konto, sodass du nie einen Key in ein Feld einfügst, das diese Tools gar nicht haben. Sobald die Verbindung bestätigt ist, bleibt sie für den Rest des Gesprächs und die folgenden Gespräche aktiv.
Die Einrichtungsanleitung unter app.vibebridge.ai/connect zeigt dir, wo jedes Tool seine Connector-Einstellungen ablegt, denn die Menüs ändern sich von Version zu Version.
Schritt 3: Claude Code, Cursor oder Windsurf per API-Key verbinden
Entwickler-Tools authentifizieren sich stattdessen mit einem Key. Erstelle zuerst einen API-Key im VibeBridge-Portal. Trage dann den MCP-Server in die Konfiguration deines Tools ein: Die Server-URL ist https://app.vibebridge.ai/api/mcp, authentifiziert mit diesem Key. In Claude Code fügst du ihn als MCP-Server hinzu; in Cursor und Windsurf trägst du ihn in die MCP-Konfiguration ein. Derselbe Key funktioniert für jedes andere Dev-Tool, das MCP spricht, und für eigene Skripte und CLIs, die die API aufrufen.
Tipp: Behandle den API-Key wie ein Passwort. Halte ihn aus deinem Repo und aus jeder Datei heraus, die du commitest. Falls er doch einmal nach außen gelangt, widerrufe ihn im Portal und erstelle einen neuen; der alte Key funktioniert sofort nicht mehr.
Schritt 4: Den Agenten bitten, die Seite zu veröffentlichen und zu pflegen
Sobald die Verbindung steht, hat der Agent Publishing-Werkzeuge, nicht nur Zugriff auf Dateien. Bitte ihn, eine Seite zu veröffentlichen, und die Live-URL kommt direkt im Chat zurück, auf EU-Hosting mit erledigtem SSL. Die Verbindung bleibt auch lange nach dem Start nützlich. Auf deine Bitte hin kann der Agent Seiten veröffentlichen, Inhalte aktualisieren, SEO-Titel und -Beschreibungen verwalten sowie Formulare, Medien und Weiterleitungen, alles auf der Live-Seite. Er handelt nur auf Anfrage, sodass sich an der Seite nichts ändert, bevor du es ihm sagst.
Jede Veröffentlichung erzeugt außerdem sitemap.xml, robots.txt, Canonical-Tags und llms.txt, und FAQ-Abschnitte werden automatisch zu strukturierten Daten. Die technische SEO-Grundlage ist abgedeckt; die Qualität der Inhalte bleibt deine Aufgabe. Wenn du nicht weiterkommst, schreib an support@vibebridge.ai.
Häufige Fragen
Was ist MCP in einem Satz?
MCP, das Model Context Protocol, ist ein Standard, über den ein KI-Tool externe Werkzeuge nutzt. Verbindest du dein KI-Tool per MCP, bekommt es echte VibeBridge-Aktionen, etwa eine Seite veröffentlichen oder SEO bearbeiten, statt nur Dateien auf deinem Rechner zu lesen oder zu schreiben.
Warum nutzen Claude im Web und ChatGPT eine Anmeldung statt eines API-Keys?
Ihr Connector-Dialog hat kein Feld für einen Authentifizierungs-Header, ein eingefügter Key hätte also nirgendwo Platz. "Mit VibeBridge anmelden" koppelt dein Konto stattdessen über OAuth. Entwickler-Tools wie Claude Code, Cursor und Windsurf haben einen Platz für einen Key und nutzen deshalb einen.
Was kann der verbundene Agent tatsächlich tun?
Er kann Seiten veröffentlichen, Inhalte aktualisieren sowie SEO-Titel und -Beschreibungen, Formulare, Medien und Weiterleitungen auf der Live-Seite verwalten. Er handelt nur auf deine Bitte hin, die Seite ändert sich also nicht von allein.
Wo finde ich die Schritt-für-Schritt-Einrichtung für mein Tool?
Unter app.vibebridge.ai/connect. Dort wird jedes Tool durchgegangen, die Server-URL https://app.vibebridge.ai/api/mcp, und ob sich das Tool per Anmeldung oder per API-Key verbindet.
Wie halte ich meinen API-Key sicher?
Behandle ihn wie ein Passwort: Halte ihn aus deinem Repository und jeder commiteten Datei heraus und teile ihn nicht. Falls er nach außen gelangt, widerrufe ihn im Portal und erstelle einen neuen. Der ersetzte Key funktioniert sofort nicht mehr.
Muss ich MCP nutzen, oder kann ich weiter Dateien hochladen?
Beides ist möglich. Der Browser-Upload im Portal nimmt HTML-Dateien und Bilder zusammen entgegen, und du kannst die MCP-Verbindung später ergänzen. Beide Wege wirken auf dieselbe Seite, ein manueller Upload und eine Agenten-Verbindung stehen also nebeneinander.