Claude schreibt eine ganze Seite in einem Artifact: eine Landingpage, ein Quiz, einen Rechner, einen Bericht. Um ihr ein eigenes Zuhause außerhalb des Chats zu geben, veröffentliche sie auf Lobsite: Füge den Code des Artifacts in das Feld oben ein oder verbinde Lobsite mit Claude und bitte Claude, sie zu veröffentlichen. Du baust stattdessen in Claude Code? Siehe Deployen aus Claude Code.
So funktioniert es
- Hol dir den Code des Artifacts. Wechsle im Artifact-Bereich zur Code-Ansicht und kopiere ihn oder lade die Datei herunter.
- Füge ihn in das Feld oben ein und klick auf Diese Seite veröffentlichen. Du bekommst eine Live-Adresse
*.lobsite.appmit HTTPS. - Behalte sie. Die Website hält 6 Stunden; Kostenlos behalten → verschiebt sie in ein kostenloses Konto unter derselben Adresse.
HTML-Artifacts und React-Artifacts
Claude erstellt Artifacts verschiedener Art, und es kommt darauf an, welches du hast:
- HTML-Artifacts (eine vollständige Seite, die mit
<!doctype html>beginnt) werden so veröffentlicht, wie sie sind. Inline-Styles und -Skripte funktionieren, ebenso Bibliotheken, die über ihre vollständige URL von einem CDN geladen werden. - React-Artifacts (Code, der mit
importundexport default functionbeginnt) sind noch keine Webseite: Der Artifact-Bereich baut sie für dich. Bitte Claude, daraus eine Seite zu machen, mit einem Prompt wie dem unten, und füge dann das Ergebnis ein.
Rewrite this artifact as one self-contained index.html: plain HTML, CSS and
JavaScript, no build step, any libraries loaded from a CDN by full URL.
Keep the design and behaviour exactly the same.
Bilder, die Claude nicht als Dateien erstellen kann (Logos, Fotos), brauchen eine vollständige https://-URL; oder leg die Seite und die Bilder in einen Ordner und zieh den Ordner in den Tab Dateien ablegen.
Lass Claude veröffentlichen: der Connector
Claude.ai kann Lobsite als benutzerdefinierten Connector nutzen, einen Remote-MCP-Server. Füge in den Einstellungen von Claude einen benutzerdefinierten Connector mit dieser URL hinzu:
https://lobsite.com/api/mcp
Dann bitte: „Veröffentliche diese Seite mit Lobsite.“ Claude ruft das einzige Tool des Connectors, deploy_files, mit dem Inhalt der Seite auf und antwortet mit der Adresse und dem Übernahme-Link, mit dem du die Website behältst. Benutzerdefinierte Connectors gibt es in den Claude-Tarifen, die sie unterstützen; die MCP-Seite hat die Details für jeden Client.
Ein Deploy ohne Konto ist 6 Stunden live. Mit dem Übernahme-Link behältst du es, kostenlos.
npx lobsite mcp für Coding-Agents, lobsite.com/api/mcp für Chat-Assistenten.
Jede Website bekommt ab dem ersten Deploy eine *.lobsite.app-Adresse mit HTTPS.
Lass ein Formular auf /_lobsite/forms/contact zeigen. Spamfilter inklusive.
Vorschau ansehen, bevor es live geht. Mit einem Klick zurückrollen, samt Weiterleitungen.
Auch für kostenlose Konten: Füge einen DNS-Eintrag hinzu, und die Website zieht auf deine Domain um. Jede Website hat HTTPS, in jedem Tarif.
Claudes eigener Publish-Button oder eine Website
Claude kann ein Artifact mit seinem eigenen Button Publish teilen. Das ist der schnellste Weg, jemandem das Artifact innerhalb von Claude zu zeigen. Eine Website ist für den Fall, dass die Seite für sich allein stehen soll:
| Publish in Claude | Lobsite | |
|---|---|---|
| Wo sie sich öffnet | Auf claude.ai | Unter ihrer eigenen Adresse *.lobsite.app |
| Eigene Dateien (Bilder, weitere Seiten) | Nein | Ja: den Ordner hineinziehen |
| Formulare, die dir Nachrichten schicken | Nein | Ja, sobald die Website in einem Konto ist |
| Aktualisierungen | Die neue Version aus Claude veröffentlichen | Erneut einfügen und auf Aktualisieren klicken, oder neu deployen |
| Eigene Domain | Nein | Ja, kostenlos |
| Braucht ein Konto | Dein Claude-Konto | Nein, für 6 Stunden; kostenlos zu behalten |
Häufige Fragen
Kann ich ein Claude-Artifact kostenlos hosten?
Ja. Veröffentlichen ist ohne Konto kostenlos und hält 6 Stunden. Ein kostenloses Lobsite-Konto behält eine Website dauerhaft, mit 10 GB Bandbreite pro Monat.
Warum ist mein veröffentlichtes Artifact eine leere Seite?
Höchstwahrscheinlich ist es ein React-Artifact: Sein Code braucht einen Build, den der Artifact-Bereich für dich übernimmt. Bitte Claude, es als einzelne, eigenständige HTML-Datei neu zu schreiben (der Prompt steht oben), und veröffentliche dann diese.
Brauche ich den Connector?
Nein. Code kopieren und hier einfügen funktioniert mit jedem Claude-Tarif. Der Connector spart das Kopieren und Einfügen und lässt Claude die Website aktualisieren, während du die Seite weiter änderst.
Können Leute meine Seite bei Google finden?
Nicht, solange sie temporär ist: Websites ohne Konto werden nicht indexiert. Sobald du sie in einem kostenlosen Konto behältst, können Suchmaschinen sie indexieren.
Kann ich der Seite ein Kontaktformular hinzufügen?
Ja. Bitte Claude, das Formular an /_lobsite/forms/contact senden zu lassen. Nachrichten landen in deinem Dashboard und in deinem Postfach, sobald die Website in deinem Konto ist. Siehe Formulare.