HTML aus ChatGPT oder Claude veröffentlichen — so geht es

Sie haben ChatGPT, Claude oder Gemini um eine Webseite gebeten und eine Wand aus HTML zurückbekommen, die in der Vorschau großartig aussieht. Die nächste Frage ist immer dieselbe: Wie stelle ich das online, damit andere es sehen können? Hier ist der kürzeste Weg.

Schritt 1: Bitten Sie die KI um eine einzelne, in sich geschlossene Datei

Bevor Sie irgendetwas kopieren, bitten Sie die KI, alles in eine Datei zu packen: "Gib mir eine einzelne HTML-Datei mit allem CSS und JavaScript inline." Eine in sich geschlossene index.html ist deutlich einfacher zu hosten, zu teilen und zu aktualisieren als ein Ordner mit separaten Dateien.

Schritt 2: Code kopieren — Sie müssen nicht einmal eine Datei speichern

Erstellen Sie bei hdply ein kostenloses Konto, öffnen Sie den Editor und fügen Sie das HTML der KI direkt ein. Klicken Sie auf Deploy — und die Seite ist live unter Ihrer eigenen Adresse wie my-site.hdply.com, HTTPS inklusive. Wenn Sie den Code bereits als Datei gespeichert haben, funktioniert auch Drag-and-drop.

Gesamtzeit von "die KI ist fertig" bis "meine Freunde können den Link öffnen": etwa eine Minute.

Schritt 3: Mit der KI iterieren, in Sekunden neu veröffentlichen

Die eigentliche Stärke KI-geschriebener Seiten ist die Iteration: Änderungen anfragen, neuen Code erhalten, einfügen, speichern. Jeder Deploy wird automatisch versioniert — wenn Version 5 etwas kaputt macht, stellen Sie Version 4 mit einem Klick wieder her. Kein Git, keine Build-Pipeline — die Schleife ist einfach Chat → Einfügen → Speichern.

Drei Dinge, die Sie vor dem Veröffentlichen prüfen sollten

• Keine Geheimnisse im Code. Wenn die KI einen API-Schlüssel eingebaut hat (für ein Wetter-Widget, eine Karte, einen LLM-Aufruf), denken Sie daran: Die Seite ist öffentlich — jeder kann den Quelltext lesen. Verwenden Sie nur Schlüssel, die öffentlich sein dürfen, oder entfernen Sie die Funktion.
• Bilder brauchen echte URLs. KIs verweisen manchmal auf Bilder, die gar nicht existieren. Verwenden Sie Links zu echten, gehosteten Bildern — oder bitten Sie die KI um Inline-SVG, das ganz ohne externe Dateien auskommt.
• Mobil-Check. Einfügen, veröffentlichen, dann die URL auf dem Handy öffnen. Bitten Sie die KI, alles zu korrigieren, was seltsam aussieht; ein erneuter Deploy dauert Sekunden.

Warum nicht einfach den Chat oder einen Screenshot teilen?

Chat-Links laufen ab, erfordern Konten und zeigen Ihre Prompts. Screenshots sind nicht interaktiv. Eine echte URL ist dauerhaft, lädt auf jedem Gerät und wirkt wie ein fertiges Produkt — weil sie eines ist.

Verwandte Artikel: HTML-Datei als Link teilen · HTML-Datei online stellen