HTML aus dem Claude-Chat veröffentlichen — so geht's
Claude ist brillant darin, Websites aus einer einzigen Datei zu bauen — Landingpages, Präsentationen, kleine Spiele — aber Anthropic hostet sie nicht. Deine Seite lebt in einem Artifact innerhalb von claude.ai, und die Leute, denen du sie zeigen willst, haben deinen Chat nicht. So bringst du sie in etwa einer halben Minute vom Chat auf eine echte, teilbare Webadresse.
- 01
Öffne das Artifact
Deine Seite erscheint in Claudes Seitenpanel als Artifact mit einer Live-Vorschau. Klick darauf, damit das Vorschau-Panel offen ist, und wechsle in die Code-Ansicht, wenn du einen Blick auf das HTML werfen willst.
- 02
Code kopieren oder herunterladen
Nutze das Kopier-Symbol unten im Artifact-Panel oder den Download-Button, um die Datei direkt auf deinem Rechner zu speichern. So oder so hast du jetzt das vollständige HTML.
- 03
Als index.html speichern
Füge den Code in einen beliebigen Texteditor ein — Notepad, TextEdit, VS Code — und speichere die Datei als index.html. Der Name ist wichtig: Browser behandeln sie als deine Startseite.
- 04
In die Box unten ziehen
Zieh die index.html (oder den ganzen Ordner) in die Upload-Box auf dieser Seite und klick auf Veröffentlichen. Deine Site bekommt sofort ihre eigene Webadresse.
- 05
Link teilen
Das war's — schick die URL an wen du willst. Du kannst die Site jederzeit über dein Dashboard umbenennen, die Dateien aktualisieren oder sie löschen.
Zieh dein Claude-HTML hier rein
Eine Datei oder ein ganzer Ordner — du bekommst einen Live-Link, sobald es veröffentlicht ist.
Zieh deine Website hierher
Zieh einen Ordner mit deiner index.html rein — oder füge einfach HTML aus deiner Zwischenablage ein — und wir stellen ihn in Sekunden online. Kein Setup, keine Konfiguration, kein Kopfzerbrechen.
Oder lass Claude es für dich veröffentlichen
Spar dir das Kopieren ganz. Kopiere unsere fertigen Anweisungen, füge sie in deine Claude-Unterhaltung ein, und sie kann die Site über unsere API hochladen — du bekommst einen Live-Link und einen privaten Claim-Link, um die Site zu übernehmen.
Du arbeitest lieber im Terminal? Führe npx hosting aus — ganz ohne Konto.
Fragen zum Veröffentlichen aus Claude
Claude gibt mir einen Teilen-Link für Artifacts — reicht der nicht?
Ein veröffentlichter Artifact-Link öffnet sich innerhalb von claude.ai mit Claude-Branding drumherum, und Besucher werden womöglich zur Anmeldung aufgefordert. Wenn du hier veröffentlichst, bekommst du eine ganz normale Website unter eigener Adresse, die jeder in jedem Browser öffnen kann — kein Konto, nichts um deine Seite herum.
Was, wenn ich Claude Code im Terminal benutze?
Dann liegen deine Dateien schon auf der Festplatte — noch einfacher. Führe npx hosting im Projektordner aus und alles wird deployt, oder füge unsere KI-Anweisungen in Claude Code ein und es veröffentlicht die Site für dich über unsere API.
Was ist der einfachste Weg, HTML aus Claude zu veröffentlichen?
Es gibt drei. Am einfachsten: Kopiere das HTML aus Claude und füge es in die Box auf dieser Seite ein — wir machen sofort eine Live-Site daraus. Auf Dauer: Installiere unsere Browser-Erweiterung und veröffentliche mit einem Klick aus KI-Chats. Ganz ohne Handarbeit: Kopiere unsere KI-Anweisungen in deine Claude-Unterhaltung und sie veröffentlicht über unsere API für dich.
Brauche ich ein Konto zum Veröffentlichen?
Fürs Veröffentlichen über diese Seite brauchst du ein kostenloses Konto, damit deine Site ein Zuhause in deinem Dashboard hat. Lieber ohne Registrierung? Führe npx hosting im Terminal aus — das deployt ohne Konto und gibt dir einen privaten Claim-Link für später.
Was, wenn Claude mir mehr als eine Datei gegeben hat?
Pack alles in einen Ordner — die index.html oben, dazu alle CSS-, JavaScript- und Bilddateien, auf die sie verweist — und zieh den ganzen Ordner in die Box. Bis zu 500 Dateien und 50 MB pro Site.
Was kostet es, und wie lange bleibt die Site online?
Es ist kostenlos, und veröffentlichte Sites laufen nicht ab — sie bleiben live, bis du sie in deinem Dashboard löschst. Lade jederzeit neu hoch, der Link bleibt derselbe.
Du nutzt einen anderen KI-Chat?
Das Rezept ist fast überall identisch — wähle dein Tool für die genauen Schritte.