Dein Claude Artifact als echte Website
Claude hat die Seite gebaut, und im Artifact-Fenster sieht sie gut aus. Füge den Code unten ein und du bekommst eine Adresse, die du jedem schicken kannst, mit HTTPS und deinem Namen darin.
- Eine Adresse wie dein-name.hostilo.page mit HTTPS
- Bis zu 5 Seiten und 50 MB, ohne Kreditkarte
- Einen Code-Editor mit Live-Vorschau
Füge Hostilo einmal zu Claude hinzu und sag dann einfach „veröffentliche das auf Hostilo“. Claude schickt die Dateien selbst, ohne Kopieren.
So funktioniert es
- Öffne das Artifact in Claude und klicke oben im Fenster auf Copy (oder Download).
- Füge den Code hier ein und klicke auf Veröffentlichen. Lege mit deiner E-Mail ein kostenloses Konto an.
- Wähle einen Namen. Deine Seite ist unter name.hostilo.page online und lässt sich im Browser bearbeiten.
Ein Prompt für Code, der sofort online gehen kann
Baue das als eine einzige HTML-Datei mit CSS und JavaScript darin, nicht als React-Komponente. Keine externen Dateien außer Schriften und Bibliotheken von einem CDN. Seite:
Füge ihn in deinen KI-Chat ein und beschreibe deine Seite nach dem Doppelpunkt.
Typische Probleme
Claude hat mir eine React-Komponente gegeben, kein HTML
React-Artifacts (.jsx) brauchen einen Build-Schritt. Bitte Claude: "Wandle dieses Artifact in eine eigenständige HTML-Datei um, die React von einem CDN lädt". Das Ergebnis kannst du direkt in Hostilo einfügen.
Nach dem Veröffentlichen fehlen Bilder
Claude verweist oft auf Dateien, die nur im Chat existierten, etwa image.png. Lade die Bilder mit denselben Namen im Tab Dateien des Editors hoch oder bitte Claude, Bild-URLs zu verwenden.
Umlaute und andere Sonderzeichen sehen kaputt aus
Prüfe, ob im head <meta charset="UTF-8"> steht. Claude fügt es meist ein, aber es geht verloren, wenn du nur einen Teil des Codes kopierst.
Das bekommst du im Free-Plan
- Eine Adresse wie dein-name.hostilo.page mit HTTPS
- Bis zu 5 Seiten und 50 MB, ohne Kreditkarte
- Einen Code-Editor mit Live-Vorschau
- Besucherstatistik der letzten 7 Tage
- Kontaktformulare: 50 Nachrichten pro Monat
- Download deiner Seite als ZIP, jederzeit
PRO bringt deine eigene Domain, 20 Seiten, 1 GB, kein Badge und ein Jahr Statistik für $29 im Jahr. Nach der Anmeldung 7 Tage kostenlos testen.
Fragen
Reicht nicht der Publish-Button von Claude?
Damit teilst du das Artifact auf claude.ai. Hostilo gibt ihm eine normale Website-Adresse, du kannst den Code bearbeiten, Unterseiten anlegen, ein Kontaktformular anbinden und später deine eigene Domain verwenden.
Kann Claude ohne Kopieren auf Hostilo veröffentlichen?
Ja. Füge in Claude den Hostilo-Connector (https://hostilo.app/mcp) hinzu, erlaube den Zugriff und sag "veröffentliche das auf Hostilo". Claude schickt die Dateien selbst.
Bleibt die Seite online, wenn ich den Chat schließe?
Ja. Die Seite liegt bei Hostilo, nicht im Gespräch. Im Free-Plan meldest du dich einfach einmal im Monat an, damit sie nicht pausiert.
Kann ich die Seite später ändern?
Öffne sie im Editor, ändere Text oder Code und speichere. Oder füge eine neue Version aus Claude über die alte ein. Die letzten Versionen bleiben erhalten, du kannst also zurück.
Zur ausführlichen Anleitung
So veröffentlichst du ein Claude-Artifact als echte WebsiteÄhnliche Anleitungen
Deine Seite kann in einer Minute online sein
Registriere dich mit E-Mail-Adresse und Passwort. Free-Plan, ohne Kreditkarte.
Kostenlos starten