Mach aus dem HTML deiner KI einen Live-Link

Wenn Claude eine Seite baut, zeigt es sie als Artefakt neben dem Chat. Öffne das Artefakt und nutze die Kopier- oder Download-Option, um den Code zu bekommen, und speichere ihn als Datei mit der Endung .html (zum Beispiel index.html). Prüfe, welche Art Artefakt du hast. Ein HTML-Artefakt kannst du direkt hochladen. Ein React-Artefakt ist eine Komponente, keine Seite, und läuft nicht allein; bitte Claude, "das als eine einzige, in sich geschlossene HTML-Datei mit eingebettetem CSS und JavaScript neu zu schreiben und Bibliotheken von einem CDN zu laden", und speichere diese Version. Zieh die .html dann auf das Upload-Feld, melde dich an und kopiere deinen Link. Nutzt du Claude Code statt des Chats, liegt die Datei schon auf deiner Festplatte, und mit unserem verbundenen MCP-Server kann Claude sie veröffentlichen und dir den Link im selben Gespräch geben.

ChatGPT und Gemini können beide Webseiten schreiben und in einem Seitenbereich voranzeigen. Der einfachste verlässliche Weg ist bei beiden gleich: Kopiere den kompletten Code, füge ihn in einen reinen Texteditor ein (Editor, TextEdit im Nur-Text-Modus, VS Code) und speichere ihn als index.html. Bitte den Assistenten vor dem Kopieren, "alles in eine einzige HTML-Datei zu packen", denn Antworten teilen CSS und JavaScript manchmal in getrennte Blöcke auf, und eine einzelne .html kann keine Dateien laden, die neben ihr liegen. Bilder funktionieren, wenn sie auf vollständige https://-Adressen zeigen oder als Data-URIs eingebettet sind. Öffne die gespeicherte Datei einmal in deinem eigenen Browser; sieht sie dort richtig aus, sieht sie auch unter dem Link richtig aus. Lade sie hoch, und wer den Link bekommt, sieht die funktionierende Seite, ohne ChatGPT- oder Gemini-Konto.

App-Builder wie Lovable und Bolt erzeugen ein komplettes Frontend-Projekt, meist React mit Vite, statt einer HTML-Datei. Den Quellcode hochzuladen funktioniert nicht, denn der Browser braucht die gebaute Ausgabe. Hol zuerst den Code heraus: Synchronisiere das Projekt mit GitHub oder lade es herunter, je nachdem, was dein Tool anbietet. Führe dann auf deinem Rechner npm install und npm run build aus. Das erzeugt einen dist/-Ordner mit einer index.html und dem gebündelten JavaScript und CSS. Zippe diesen Ordner und veröffentliche ihn mit dem Website-Hosting, das Pro braucht: Wir finden die index.html, liefern jede Ressource mit dem richtigen Typ aus und können für clientseitige Routen auf index.html zurückfallen, damit Neuladen und Deep Links funktionieren. Spricht die App aus dem Browser mit einem gehosteten Backend wie Supabase, laufen diese HTTPS-Aufrufe weiter, solange der Dienst Anfragen und Login-Weiterleitungen von deiner neuen Adresse akzeptiert, trag die neue URL also in seine Liste erlaubter Adressen ein.

v0 erzeugt meist React-Komponenten für Next.js. Du hast zwei ehrliche Optionen. Für einen schnellen Entwurf oder eine Landingpage, die man sich nur ansehen soll, bitte v0 um "eine einzige statische HTML-Datei mit Tailwind von einem CDN", speichere sie als index.html und lade sie als normalen Link hoch. Für eine echte App lade den Code herunter und starte ihn lokal. Hat die App keine Server-Funktionen, setze output: 'export' in next.config, führe den Build aus, und Next.js schreibt einen statischen out/-Ordner, den du zippen und mit Pro als Website veröffentlichen kannst. Braucht sie API-Routen, Server Actions oder Rendering pro Anfrage, gehört sie auf eine Plattform, die einen Node-Server betreibt, statisches Hosting passt dann nicht; das sagen wir dir lieber, als den Upload anzunehmen.

Coding-Agenten schreiben echte Dateien, es gibt also nichts herauszukopieren. Eine einzelne report.html oder demo.html aus deinem Projekt kannst du direkt auf das Upload-Feld ziehen. Ein Projekt mit Build-Schritt funktioniert wie bei Lovable: Build ausführen und den Ausgabeordner mit Pro als ZIP-Website veröffentlichen. Schneller geht es mit unserem MCP-Server. Füge ihn mit einem Befehl zu Claude Code hinzu, oder über die MCP-Konfiguration zu Cursor und VS Code, mit einem API-Schlüssel aus deinem Dashboard. Dann sag dem Agenten: "Bau eine einseitige Zusammenfassung dieser Daten als HTML und veröffentliche sie als Link", und er lädt die Datei durch dieselben Prüfungen wie die Website hoch und antwortet mit der URL. Der Agent kann keine Link-Einstellungen ändern und keine Links löschen; diese Kontrolle behältst du im Dashboard.

Zähl die Dateien. Steckt alles in einer .html (Styles in einem <style>-Tag, Skripte in einem <script>-Tag, Bibliotheken von einem CDN), veröffentliche sie als normalen Link: Das geht in jedem Tarif, bis 250 MB pro Datei im Free-Tarif und 500 MB mit Pro, und du bekommst alle Link-Funktionen, darunter QR-Code, Aufrufstatistiken, Passwort, Ablaufdatum und deine eigene Domain. Braucht die Seite weitere Dateien daneben (eine zweite Seite, einen /assets-Ordner, ein JavaScript-Bundle), ist sie eine Website, also zippe den Ordner und veröffentliche ihn mit dem Website-Hosting von Pro. So oder so bleibt der Link gleich, wenn du die Datei ersetzt oder das ZIP neu hochlädst, liefert die KI nächste Woche eine bessere Version, braucht also niemand eine neue URL.