Wie du KI-generiertes HTML bearbeitest

Ich habe eine KI um eine einzige Korrektur gebeten — ein falsches Datum auf einer Seite, die sie mir gebaut hatte. Sie hat das Datum korrigiert. Sie hat außerdem meinen petrolfarbenen Button in Lila verwandelt, eine Überschrift umbenannt, die mir gefiel, und ganz nebenbei einen Ortshinweis verschwinden lassen, den ich zwei Nachrichten vorher gesetzt hatte. Eine Korrektur, die ich wollte, drei, die ich nicht wollte.

Also die Kurzfassung. Um eine KI-generierte HTML-Seite zu bearbeiten, hör auf, für Kleinkram neu zu prompten. Öffne die Datei in einem visuellen Editor und ändere Text, Link, Farbe oder Bild direkt dort. Nimm die KI zum Erstellen der Seite und für große Umschriften. Nimm direktes Bearbeiten für die letzten kleinen Korrekturen — so bleibt alles andere exakt, wie es war.

Der Rest hier erklärt, warum diese Aufteilung funktioniert und wie du es konkret machst.

warum aus einer Mini-Änderung eine komplett neue Seite wird

Ein Chat-Generator wie dieser greift nicht in deine Datei und schiebt ein einzelnes Wort zurecht — du bekommst jedes Mal eine frische Antwort zurück. Wenn du ihn bittest, das Datum zu ändern, schreibt er die Seite neu, von Grund auf, aus dem eigenen Kopf. Der zweite Entwurf ist ein neuer Entwurf. Und neue Entwürfe driften.

Bitte jemanden, ein Gedicht aufzusagen, das er auswendig kann, und dann „sag's nochmal, aber korrigier Zeile drei". Er korrigiert Zeile drei. Und er formuliert Zeile sechs auch ein bisschen anders, weil er das Ganze neu aufsagt und nicht ein Blatt Papier bearbeitet. Jeder neue Prompt ist genau das — ein frisches Aufsagen des ganzen Gedichts und eine frische Gelegenheit für jede Zeile, leicht verändert herauszukommen.

Prima, wenn du ein anderes Gedicht willst. Zum Verrücktwerden, wenn du ein gutes zu fünfundneunzig Prozent hattest und nur Zeile drei fixen wolltest.

erstellen und fertigstellen sind zwei verschiedene Jobs

Eine Seite aus dem Nichts zu bauen, ist ein Job. Darin ist KI wirklich gut — du beschreibst etwas, und aus einem leeren Bildschirm wird in Sekunden etwas Echtes. Das ist ein Gewinn, und ich rede da niemandem etwas aus.

Diese Seite fertigzustellen, ist ein anderer Job. Der genaue Wortlaut, den dein Chef will. Der Link, der auf die richtige Stelle zeigt, nicht auf einen Platzhalter. Die Farbe, die zu deiner echten Marke passt und nicht zur Schätzung der KI. Das ist kein Generieren mehr. Das ist Bearbeiten — kleine, präzise, bewusste Änderungen an etwas, das schon fast fertig existiert.

Eine leere Seite will einen Generator. Eine fast fertige Seite will einen Editor. Die fast fertige Seite zurück an den Generator zu geben, ist, als würdest du die Umzugsleute zurückrufen, um einen Stuhl ein paar Zentimeter zu verschieben. Die falsche Crew für die Größe der Aufgabe.

was du einfach selbst korrigieren solltest

Hier die kurze Liste an Änderungen, die fast nie einen neuen Prompt verdienen. Jede ist eine einzelne, lokale Bearbeitung — du zeigst auf das Ding und änderst das Ding.

• Ein Tippfehler oder irgendein Wort. Klick den Text an, tipp ihn neu. Fertig.
• Ein falscher oder Platzhalter-Link. Ändere die Adresse, auf die der Button oder das Wort zeigt.
• Ein Bild. Tausch die Quelle gegen die richtige Datei oder URL.
• Eine Farbe. Dein Button, deine Überschrift, dein Hintergrund — setz sie auf die, die du gemeint hast.
• Abstände. Eine Lücke, die zu eng oder zu weit ist, angestupst, bis es passt.

In einem visuellen Editor machst du das, indem du direkt auf die Seite klickst. Und das Wichtige ist nicht, dass es leichter ist — sondern dass es eingegrenzt ist. Wenn du die Button-Farbe änderst, ändert sich nur die Button-Farbe. Jede andere Zeile der Datei bleibt unangetastet, Zeichen für Zeichen. Nichts driftet, weil nichts anderes neu geschrieben wurde.

wann es sich wirklich lohnt, zur KI zurückzugehen

Ich tue nicht so, als wäre Bearbeiten von Hand immer die Antwort. Manchmal ist der ehrliche Zug, doch nochmal zu prompten.

Wenn du die ganze Seite umsortieren willst, einen Preisbereich hinzufügen, den es noch nicht gibt, aus einer einzelnen Spalte ein dreispaltiges Layout machen oder den Text in einem völlig anderen Ton neu schreiben — das ist keine Korrektur. Das ist Erstellen, zweite Runde. Die KI ist dafür das richtige Werkzeug, und einen neuen Bereich Klick für Klick von Hand zu bauen, wäre der langsame, schmerzhafte Weg.

Daher eine grobe Regel, die ich im Kopf behalte. Wenn die Änderung heißt mach dieses eine Ding anders, bearbeite es selbst. Wenn sie heißt mach mir etwas Neues, frag die KI. Klein und konkret geht zum Editor. Groß und strukturell geht zurück zum Prompt.

das Ganze, von Anfang bis Ende

Hier die Schleife, die ich tatsächlich fahre.

1. Hol dir eine Datei. Wenn die KI die Seite generiert, verlang „eine komplette HTML-Datei, alles inline". Das hält Styles und Skripte in einem einzigen Dokument, statt sie über Ordner zu verstreuen. Speichere sie als sowas wie page.html.
2. Öffne sie. Öffne diese Datei in HTML Tweak. Es ist ein kostenloses Browser-Tool — nichts zu installieren, kein Konto. Es läuft auch als einzelne Offline-Datei, die du auf deinem Rechner behältst, falls du lieber ohne Internet arbeitest.
3. Bearbeite. Klick die Überschrift an und korrigier das Datum. Klick den Button an und setz die Farbe. Die visuelle Seite und der Code liegen nebeneinander und bleiben synchron, du siehst also genau, was jede Änderung bewirkt. Willst du nur an die Worte ran, ohne das Layout zu riskieren, gibt es einen Nur-Text-Modus, der die Struktur sperrt, während du umschreibst.
4. Speichere. In Chrome oder Edge speichert es direkt zurück in deine Datei. In anderen Browsern lädt es eine bearbeitete Kopie herunter. So oder so hat sich nur das geändert, was du geändert hast.

Das war's. Kein zweiter Prompt, keine gekreuzten Finger, kein Durchlesen der ganzen Seite, um herauszufinden, was die KI verschoben hat, während du weggeschaut hast.

wie die Drift tatsächlich aussieht

Die ganze Datei zurück in den Chat kleben. Leute denken, die komplette HTML in den Prompt zu kopieren und „änder nur dieses eine Stück" zu sagen, sei sicherer. Ist es nicht. Das Modell liest sie trotzdem und schreibt am anderen Ende eine frische Version raus. Gleiche Neugenerierung, gleiche Drift.

Fünfmal neu prompten für fünf winzige Korrekturen. Jede Runde ist ein weiterer Würfelwurf über die ganze Seite. Bei der dritten Korrektur reparierst du oft die Schäden der ersten beiden.

Nicht von vornherein eine einzelne Datei verlangen. Wenn die KI die Seite in getrennte CSS- und JS-Dateien aufteilt, wird Öffnen und Bearbeiten fummeliger. Ein kurzes „pack alles in eine HTML-Datei" beim Generieren spart dir den Ärger.

Von einem Einzeldatei-Editor erwarten, dass er ein ganzes Projekt stemmt. Das ist die eigentliche Grenze, und besser, du hörst sie jetzt von mir, als mitten im Bearbeiten drüberzustolpern. HTML Tweak öffnet eine Seite. Wenn deine KI dir einen Ordner voller React- oder Next-Komponenten mit Konfigurationsdateien und einem Build-Schritt übergeben hat, ist das eine Codebasis, keine Seite. Ein visueller Einzeldatei-Editor stemmt das nicht — diese Arbeit gehört in einen richtigen Code-Editor. HTML Tweak ist für die eine .html-Seite, die du schon hast und nur fertigstellen willst.

Der meiste Frust mit KI-Seiten kommt daher, dass man das Erstell-Werkzeug den Job eines Bearbeitungs-Werkzeugs machen lässt. Trenn die beiden Jobs, und die ganze Sache wird ruhig. Generier die Seite. Dann öffne sie und stell sie selbst fertig.

Also, wenn das nächste Mal eine KI-Seite eine einzige Korrektur braucht, widersteh dem Sog, neu zu prompten. Öffne die Datei in HTML Tweak und fass nur das an, was wirklich falsch ist — alles andere bleibt genau so, wie die KI es hinterlassen hat.