VibeBridgeEin KI-Tool hat deine Website gebaut, und sie sieht gut aus. Dann ändert sich die Telefonnummer. Oder ein Preis, oder das Foto im Hero. Plötzlich sitzt du wieder im Chat, bittest die KI, die Seite neu zu generieren, prüfst, ob sich nichts anderes verschoben hat, und deployst die ganze Seite neu wegen einer Änderung von fünf Wörtern. Ein Ordner voller HTML-Dateien ist kein CMS. Um eine KI-generierte Website editierbar zu machen, brauchst du eine Schicht, die den fertigen Code in etwas verwandelt, das du anklicken und ändern kannst.
VibeBridge ist genau diese Schicht. Es baut nichts und gestaltet nichts neu. Du lädst die HTML einmal hoch, und jeder Text und jedes Bild wird in einem visuellen Editor direkt editierbar. Das Design bleibt gesperrt, du kannst das Layout also nicht zerstören, und dein KI-Tool bleibt für größere Änderungen später verbunden. So richtest du es ein.
Was du brauchst, um eine KI-generierte Website editierbar zu machen
- Die Seite, die dein KI-Tool gebaut hat, als Dateien gespeichert: die HTML plus alle Bilder, am besten in einem Ordner.
- Ein VibeBridge-Konto. Hier registrieren, die Testphase ist 7 Tage kostenlos und es gibt keine Einrichtungsgebühr.
- Etwa zehn Minuten. In keinem Schritt sind Programmierkenntnisse nötig.
Schritt 1: Die Seite aus deinem KI-Tool exportieren
Egal womit du die Seite gebaut hast, mit Claude, ChatGPT, Cursor oder einem anderen Coding-Tool, das Ziel ist dasselbe: die fertige Seite als Dateien auf deinen Computer holen. Liegt der Code in einem Chat, kopiere ihn in eine einfache Textdatei und speichere sie als index.html. Hat dein Tool Dateien oder einen Projektordner erzeugt, hast du schon alles, was du brauchst. Sammle auch die Bilder ein, im selben Ordner oder in einem Unterordner wie images/, passend zu den Pfaden im Code.
Tipp: Ist die Seite über eine lange Unterhaltung verstreut, bitte dein KI-Tool um "die komplette finale HTML in einer einzigen Datei, mit allem CSS und JavaScript darin". Eine saubere Datei ist besser als zwanzig Fragmente.
Schritt 2: Zu VibeBridge hochladen
Erstelle dein Konto unter app.vibebridge.ai/signup, lege eine Seite an und zieh deinen ganzen Ordner in den Upload-Bereich, HTML und Bilder zusammen. Relative Bildpfade werden automatisch aufgelöst, ein Ordner, der auf deinem Computer funktioniert, funktioniert also auch nach dem Upload. Deine Seite ist sofort unter einer eigenen URL live, gehostet in der EU mit automatischem SSL.
Beim Upload scannt VibeBridge die Seite. Mehr als reine HTML braucht es nicht: keine speziellen Attribute, keine Templates. Gibt es ein Kontaktformular, wird es automatisch verdrahtet, und Einsendungen landen in deinem Leads-Postfach samt E-Mail-Benachrichtigung.
Schritt 3: Alles per Klick bearbeiten
Öffne den Editor, und die Seite erscheint genau so, wie Besucher sie sehen. Klick auf eine Überschrift und tippe die neue ein. Klick auf einen Absatz, um den Text auf deiner KI-gebauten Website zu ändern, die Formatierung bleibt erhalten. Klick auf ein Bild, um es auszutauschen. Es gibt einen Farbwähler für Hintergründe und Akzente, und Sektionen werden als ganze Blöcke behandelt statt als loser Code.
Das bedeutet es, eine KI-Website ohne Code zu bearbeiten: Layout, Schriften und Abstände, die dein KI-Tool gestaltet hat, sind gesperrt, und du änderst nur die Inhalte darin. Für größere Umschreibungen beschreibst du die Änderung in normaler Sprache und lässt sie von der KI-Unterstützung im Editor umsetzen, zum Beispiel "mach diese Sektion über unsere neuen Öffnungszeiten".
Schritt 4: Veröffentlichen, wenn du zufrieden bist
Änderungen gehen nicht live, während du tippst. Sie werden als Entwurf gespeichert, du kannst das Ergebnis also vorab ansehen und später zurückkommen. Wenn alles passt, klickst du auf Veröffentlichen, und die Änderungen gehen unter deiner URL live. Jede Veröffentlichung frischt auch die technischen SEO-Grundlagen auf: sitemap.xml, robots.txt und Canonical-Tags werden automatisch erzeugt.
Ab hier ist Pflege keine Einzelarbeit mehr. Lade Teammitglieder oder einen Kunden ein, damit sie Inhalte selbst bearbeiten, statt dir Änderungswünsche zu schicken. Und für strukturelle Arbeit verbindest du dein KI-Tool über MCP: Claude und ChatGPT melden sich mit deinem VibeBridge-Konto an, Dev-Tools wie Claude Code oder Cursor nutzen einen API-Key aus dem Portal. Die Klick-für-Klick-Anleitung findest du unter app.vibebridge.ai/connect. Kleine Änderungen bleiben im Editor, große laufen über dein KI-Tool.
Häufige Fragen
Zerstört das Bearbeiten das Design meiner Website?
Nein. Der visuelle Editor ändert Inhalte, nicht die Struktur. Layout, Schriften, Farben und Abstände, die dein KI-Tool erzeugt hat, bleiben gesperrt, während du Texte und Bilder darin austauschst. Du kannst nicht versehentlich eine Sektion auseinanderziehen oder die Seite aus der Form bringen.
Brauche ich spezielles Markup, um eine KI-generierte Website editierbar zu machen?
Nein. VibeBridge funktioniert direkt mit sauberer HTML. Texte und Bilder werden beim Upload automatisch erkannt und editierbar, ohne spezielle Attribute oder Benennungsregeln. Was Claude, ChatGPT, Cursor oder ein anderes Coding-Tool ausgibt, ist normalerweise so wie es ist bereit zum Upload.
Kann ich Änderungen vorab ansehen, bevor sie live gehen?
Ja. Deine Änderungen werden als Entwurf gespeichert, und die Live-Seite bleibt unberührt, bis du veröffentlichst. Du kannst den Entwurf vorab ansehen, weiter verfeinern oder verwerfen und neu anfangen. Besucher sehen immer nur die veröffentlichte Version.
Kann mein KI-Tool später trotzdem große Änderungen machen?
Ja. Der visuelle Editor deckt die tägliche Inhaltspflege ab, und für strukturelle Änderungen wie eine neue Sektion oder eine zusätzliche Seite verbindet sich dein KI-Tool über MCP mit VibeBridge. Claude und ChatGPT verbinden sich, indem sie sich mit deinem VibeBridge-Konto anmelden, Dev-Tools nutzen einen API-Key. Es kann dann Seiten, Inhalte, SEO und Medien direkt aktualisieren.
Können mehrere Personen die Website bearbeiten?
Ja. Du kannst andere Personen einladen, zum Beispiel einen Kunden, für den du die Seite gebaut hast. Sie melden sich an und bearbeiten Texte und Bilder im selben visuellen Editor, ohne Code anzufassen, und das Design bleibt für alle geschützt.
Was kostet das?
Die Tarife starten bei 9 € pro Monat (zzgl. USt.), mit 7 Tagen kostenloser Testphase, ohne Einrichtungsgebühr und monatlich kündbar. Hosting, SSL, der visuelle Editor, Formulare und die MCP-Verbindung für dein KI-Tool sind alle inbegriffen. Die aktuellen Tarife findest du auf der Preisseite.