VibeBridgeDu hast Claude gebeten, dir eine Website zu bauen, und sie ist fertig: eine vollständige Seite auf claude.ai oder ein Ordner mit HTML- und CSS-Dateien aus Claude Code. Jetzt willst du eine mit Claude erstellte Website veröffentlichen. Claude hostet keine Websites, also liegt das Ergebnis im Chat oder auf deinem Rechner, bis du es an einen Ort mit echter Adresse bringst.
Genau für diesen Schritt gibt es VibeBridge. Die von Claude erzeugten Dateien landen in wenigen Minuten unter einer Live-URL, und danach lässt sich jeder Text und jedes Bild direkt im Browser bearbeiten. Es gibt zwei Wege: ein Drag-and-Drop-Upload oder eine direkte Verbindung, über die Claude die Seite selbst veröffentlicht. Dieser Guide deckt beide ab.
Was du brauchst
- Die von Claude erzeugte Website: ein Artefakt auf claude.ai oder HTML-Dateien aus Claude Code
- Alle Bilder, die die Seite verwendet, im selben Ordner wie das HTML
- Einen VibeBridge-Account (7 Tage kostenlos testen, keine Einrichtungsgebühr)
- Optional: deine eigene Domain, die du nach dem Veröffentlichen verbindest
Schritt 1: Die von Claude erzeugten Website-Dateien sichern
Wenn du die Seite in Claude Code gebaut hast, liegen die Dateien bereits auf deinem Rechner, meist eine index.html plus ein Stylesheet und ein Bilder-Ordner. Halte alles in einem Ordner zusammen.
Wenn du die Seite auf claude.ai gebaut hast, lebt sie als Artefakt im Chat. Sichere sie: nutze die Download-Funktion des Artefakts oder kopiere den vollständigen Code in einen einfachen Texteditor und speichere ihn als index.html. Falls Claude separate CSS- oder JavaScript-Dateien geschrieben hat, speichere sie daneben unter den Namen, auf die das HTML verweist. Deine eigenen Bilder kommen in denselben Ordner.
Tipp: Bitte Claude, das gesamte CSS und JavaScript direkt in die HTML-Datei zu packen. Eine einzige in sich geschlossene Datei lässt sich am einfachsten verschieben.
Schritt 2: Deinen VibeBridge-Account erstellen
Registriere dich auf app.vibebridge.ai/signup. Die Testphase läuft 7 Tage, es gibt keine Einrichtungsgebühr, und die Pakete starten bei 9 € pro Monat (zzgl. USt.). Details findest du auf der Preisseite. Das Hosting liegt in der EU (Daten in Frankfurt) auf einem globalen CDN mit automatischem SSL.
Schritt 3: Die mit Claude erstellte Website im Browser veröffentlichen
Das ist der schnellste Weg. Öffne im VibeBridge-Portal den Upload und zieh deinen ganzen Ordner darauf: HTML-Dateien und Bilder zusammen. Relative Bildpfade werden automatisch aufgelöst, sodass die Seite genauso aussieht wie auf deinem Rechner. Kurz darauf ist die Seite unter einer Live-URL, die du öffnen und teilen kannst. Wenn du künftige Änderungen von Hand machen willst, kannst du direkt zu Schritt 5 springen.
Schritt 4: Oder Claude per MCP verbinden und veröffentlichen lassen
Der zweite Weg spart dir das Hantieren mit Dateien: per MCP verbunden veröffentlicht und aktualisiert Claude deine Seite direkt aus dem Gespräch.
Auf claude.ai fügst du VibeBridge als Connector mit der Server-URL https://app.vibebridge.ai/api/mcp hinzu und wählst dann "Mit VibeBridge anmelden", um deinen Account zu verknüpfen. In Claude Code fügst du denselben MCP-Server mit einem API-Schlüssel hinzu, den du im VibeBridge-Portal erstellst. Den Klick-für-Klick-Weg für jedes Tool findest du auf app.vibebridge.ai/connect.
Sobald die Verbindung steht, fragst du einfach: "Veröffentliche diese Seite auf VibeBridge." Claude schiebt sie raus, und die Live-URL kommt im Chat zurück. Die Verbindung bleibt auch nach dem Launch nützlich: Claude kann Inhalte aktualisieren, SEO-Titel und Beschreibungen anpassen, neue Seiten hinzufügen und Weiterleitungen auf der Live-Seite verwalten, einfach auf Zuruf.
Tipp: Auch wenn du zuerst von Hand hochlädst, lohnt sich die MCP-Verbindung, wenn du die Seite weiter mit Claude verbessern willst. Beide Wege funktionieren an derselben Seite.
Schritt 5: Die Live-Seite prüfen und zu deiner machen
Öffne die Live-URL und klick dich durch alles. Drei Dinge lohnen sich. Erstens der visuelle Editor: Klick auf einen beliebigen Text oder ein Bild auf der Seite und ändere es direkt, ganz ohne Code. Zweitens Formulare: VibeBridge erkennt ein Kontaktformular automatisch und verdrahtet es. Eingänge landen in einem Leads-Postfach und lösen eine E-Mail-Benachrichtigung aus. Drittens deine Domain: Setze zwei DNS-Einträge bei deinem Registrar (die genauen Einträge werden dir Schritt für Schritt gezeigt), SSL wird automatisch bereitgestellt, und die Verbreitung dauert meist Minuten, höchstens 24 Stunden.
Jede Veröffentlichung erzeugt außerdem sitemap.xml, robots.txt, Canonical-Tags und llms.txt, damit Suchmaschinen die technischen Signale ohne Zusatzaufwand bekommen. Die inhaltliche Qualität bleibt deine Aufgabe. Wenn du nicht weiterkommst, schreib an support@vibebridge.ai.
Häufige Fragen
Kann Claude eine Website hosten?
Nein. Claude erzeugt den Code, hat aber kein eigenes Hosting. Die Artefakt-Vorschau auf claude.ai existiert nur innerhalb des Chats. VibeBridge bringt die Dateien auf eine echte, öffentliche URL und legt Bearbeitung, Formulare und SEO-Automatik obendrauf.
Kann ich ein Claude-Artefakt als echte Website veröffentlichen?
Ja. Lade den Artefakt-Code herunter oder kopiere ihn, speichere ihn als HTML-Datei und lade ihn zu VibeBridge hoch. Daraus wird eine ganz normale Website mit Live-URL, und du kannst später eine eigene Domain damit verbinden.
Wie veröffentliche ich eine mit Claude erstellte Website mit mehreren Seiten?
Speichere jede Seite als eigene HTML-Datei (index.html, about.html und so weiter) und lade sie zusammen mit den Bildern hoch. Links zwischen den Seiten funktionieren weiter, weil relative Pfade automatisch aufgelöst werden. Per MCP kann Claude auch nach der ersten Veröffentlichung Seiten hinzufügen.
Kann Claude die Seite weiter bearbeiten, nachdem sie live ist?
Ja, wenn du es per MCP verbindest. Claude kann dann Texte aktualisieren, Bilder austauschen, SEO-Daten ändern, Seiten anlegen und Weiterleitungen auf der Live-Seite verwalten. Es handelt nur, wenn du es darum bittest.
Muss ich programmieren können, um die Seite online zu bringen?
Nein. Claude schreibt den Code, der Upload ist Drag-and-Drop, und danach bearbeitest du Texte und Bilder, indem du sie im visuellen Editor anklickst. Der technischste Moment ist das Setzen von zwei DNS-Einträgen für eine eigene Domain, wobei die genauen Einträge Schritt für Schritt gezeigt werden.
Was kostet das?
Die Pakete starten bei 9 € pro Monat (zzgl. USt.) nach 7 Tagen kostenloser Testphase. Es gibt keine Einrichtungsgebühr, und du kannst monatlich kündigen. Auf der Preisseite siehst du, was in jedem Paket enthalten ist.