Wie du eine mit Claude erstellte Website bearbeitest

Der Nachmittag ist weg, sobald du zu einem Werkzeug greifst, bevor du verstanden hast, was Claude dir da eigentlich in die Hand gedrückt hat. Der eine versucht, ein ganzes Projekt zu öffnen, als wäre es eine einzelne Seite. Der andere promptet den Chat zwanzig Minuten lang neu, um eine Überschrift zu verschieben, die die ganze Zeit brav in einer herunterladbaren Datei saß.

„Claude hat mir eine Website gebaut" — ein Satz, der drei völlig verschiedene Aufgaben erledigt. Überspring den Teil, in dem du klärst, welche davon deine ist, und genau diesen Nachmittag verbringst du im Ringen mit einem Werkzeug, das nie funktionieren konnte. Also klär das zuerst. Alles Weitere hängt davon ab.

welche der drei du wirklich hast

Der eine meint das Panel, das in der Claude-Unterhaltung aufgetaucht ist — die lebendige Vorschau, die du scrollen und wieder öffnen kannst. Das ist ein artifact. Es lebt im Chat.

Der andere meint eine Datei. Er hat auf Herunterladen geklickt, und jetzt liegt eine einzelne .html in einem Ordner. Öffne sie im Browser, und die ganze Seite ist da, samt Styles, in einer einzigen Datei.

Der Dritte hat Claude Code benutzt und ein Projekt bekommen — einen Ordner aus vielen Dateien, wahrscheinlich React oder Next, die Sorte Ding, die ein Entwickler mit einem Build-Schritt startet. Das ist eine Codebasis, keine Seite.

Was du hast	Wo es lebt	Wie du es bearbeitest
Ein Claude-artifact	Im Chat-Panel	Als HTML herunterladen, dann die Datei bearbeiten
Eine einzelne .html-Datei	Eine Datei auf deinem Rechner	In einem visuellen Editor öffnen
Ein Claude-Code-Projekt	Ein Ordner aus vielen Dateien	In einem Code-Editor / einer IDE öffnen

Und jetzt der nützliche Teil. Zwei der drei laufen auf dieselbe Aufgabe hinaus. Ein artifact und eine heruntergeladene Datei sind am Ende beide eine einzelne .html, die du öffnen und von Hand bearbeiten kannst. Das dritte ist ein anderes Tier, und darauf komme ich zurück, damit du keine Zeit damit verlierst.

das artifact aus dem Chat holen

Wenn deine Website ein artifact ist, musst du Claude nicht ständig um Änderungen bitten. Du kannst es herausziehen.

Wenn dieses artifact eine HTML-Seite ist — die Sorte, die Claude als lebendige Web-Vorschau zeigt — kannst du es direkt aus dem Chat als einzelne .html-Datei herunterladen. (Nicht jedes artifact ist eine. Claude macht auch React-Komponenten, SVGs, Diagramme und anderen Code, und eine React-„Website" lädt sich als Komponenten-Quellcode herunter, nicht als fertig zu öffnende Seite — das ist in Wahrheit der Mehrdatei-Fall, zu dem ich am Ende komme.) Sobald das HTML eine Datei auf deinem Rechner ist, ist der Chat raus aus dem Spiel — die Seite gehört dir, und du bearbeitest sie wie jede andere Webseite. Genau das übersehen die Leute. Sie sitzen in der Unterhaltung und prompten „mach die Überschrift blau, nein, dunkler, nein, jetzt nach links", wo sie das Ding hätten herunterladen und in etwa zehn Sekunden selbst hätten anstupsen können.

Claude für einen einzigen Tippfehler neu zu prompten, ist, als ließe man das ganze Lied neu einspielen, weil ein Ton daneben lag. Manchmal brauchst du wirklich das Studio. Meistens willst du nur den einen Ton nachträglich einstanzen.

öffne es und ändere, was du willst

Jetzt hast du eine .html-Datei — ein heruntergeladenes artifact oder eine eigenständige Seite, die Claude Code dir gegeben hat, egal welche. Öffne sie in etwas, das dir die Seite und den Code zusammen zeigt.

Ich habe HTML Tweak genau für diese Übergabe gebaut. Du öffnest deine .html-Datei, und die Seite steht auf der einen Seite, ihr Code auf der anderen, beide synchron gehalten. Klick eine Überschrift auf der Seite an, und sie hebt die passende Zeile im Code hervor — das ist „klick zum Finden". Ändere den Text, tausch eine Farbe, reparier einen toten Link. In Chrome oder Edge speichert es direkt zurück in dieselbe Datei. In anderen Browsern reicht es dir stattdessen eine bearbeitete Kopie zum Herunterladen.

Angst, das Layout zu zerbrechen? Es gibt einen Nur-Text-Modus, der die Struktur sperrt, sodass du nur an die Worte kommst. Ändere den Text, lass das Design genau da, wo Claude es hingesetzt hat. Das ist der Modus, auf den ich Leute ohne Programmiererfahrung schicke.

Willst du die allgemeine Version davon — jede HTML-Datei, nicht nur die von Claude — habe ich eine schlichte Schritt-für-Schritt-Anleitung zum Bearbeiten einer HTML-Datei geschrieben. Und wenn du lieber ein paar Editoren abwägst, bevor du dich festlegst, habe ich die kostenlosen verglichen, inklusive der Stellen, an denen sie mein eigenes Werkzeug schlagen.

wenn es ein Claude-Code-Projekt ist, hilft das hier nicht

Jetzt muss ich ehrlich mit dir sein. Alles oben dreht sich um eine einzelne .html-Datei. Wenn Claude Code dir ein Projekt aus mehreren Dateien gebaut hat — einen Ordner mit einer package.json, einem src-Verzeichnis, über Dateien verteilten Komponenten, einem Build-Schritt — gilt nichts davon.

HTML Tweak öffnet eine .html-Seite. Es ist kein Projektmanager und kein Code-Editor. Ein React- oder Next-Projekt ist eine Codebasis, und eine Codebasis braucht einen echten Editor — VS Code oder Claude Code selbst, das Ding, das sie gebaut hat. Ein ganzes Projekt als eine Datei öffnen zu wollen, funktioniert schlicht nicht, und das sage ich dir lieber jetzt, als dich damit ringen zu lassen.

Woran erkennst du's? Schau, was du heruntergeladen hast. Eine einzelne Datei, die auf .html endet, und du bist am richtigen Ort. Ein Ordner voller Dateien oder ein .zip, das sich in einen Ordner entpackt, und das ist ein Projekt — es geht in einen Code-Editor, nicht hierher.

Chat-Panel, dann eine Datei auf deiner Platte

Für ein artifact oder eine Einzeldatei-Seite ist es kurz.

1. Wenn es ein artifact ist, lad es aus dem Chat als HTML-Datei herunter.
2. Finde die .html-Datei auf deinem Rechner.
3. Öffne sie in einem visuellen Editor.
4. Bearbeite auf der Seite — Text, Farben, Links — und nutz „klick zum Finden", wenn du zum Code springen willst.
5. Speichere. Chrome und Edge schreiben zurück in dieselbe Datei; andere Browser laden die bearbeitete Kopie herunter.
6. Öffne die gespeicherte Datei zum Prüfen im Browser. Fertig.

Kein Konto, kein Rebuild, kein Zurück in den Chat.

die, die Leute eine Stunde kosten

Du stupst die Vorschau im Chat an, wechselst zu der Datei, die du heruntergeladen hast, und sie sieht unberührt aus — also schließt du, das Speichern hat nicht geklappt. Hat es doch. Das artifact im Chat und die .html auf deiner Platte sind zwei getrennte Kopien, und die eine zu bearbeiten erreicht die andere nie. Sobald das sitzt, sind die übrigen leicht zu umgehen.

Vergessen, in welchem Browser du bist. In Firefox oder Safari kann HTML Tweak nicht in deine Originaldatei zurückschreiben, also gibt es dir bei jedem Speichern eine frische Kopie. Nichts geht verloren, aber du musst im Blick behalten, welche die aktuelle ist. Chrome und Edge speichern an Ort und Stelle, und deshalb schicke ich Leute für diese Arbeit zu ihnen.

Annehmen, ein Projekt öffne sich wie eine Seite. Das ist der große. Wenn du einen Ordner statt einer einzelnen .html hast, halt an und öffne ihn in einem Code-Editor. Prüf Datei-oder-Ordner vor allem anderen.

Das Original nicht behalten. Bevor du bearbeitest, leg eine Kopie von genau dem beiseite, was Claude dir gegeben hat. Wenn eine Änderung schiefgeht, willst du die unberührte Version zum Zurückfallen.

Artifact oder Datei? So oder so, wenn das, was du hast, eine einzelne Seite ist, ist das eine Zwei-Minuten-Änderung und kein Reprompt. Öffne sie in HTML Tweak und bearbeite die Seite selbst — die Version im Chat bleibt genau da, wo sie ist, und die Datei auf deiner Platte wird still und leise deine.