Artifacts teilen & exportieren

Du hast ein Artifact erstellt — ein Dashboard, eine HTML-Seite, einen Bericht. Aber was dann? Artifacts leben innerhalb der Conversation. Wenn du den Tab schließt und die Conversation nicht wiederfindest, ist dein Ergebnis schwer zugänglich. Dieser Guide zeigt dir, wie du Artifacts sicherst, teilst und systematisch verwaltest.

Für wen ist das?

Für alle, die Artifacts nicht nur als Spielwiese nutzen, sondern die Ergebnisse in ihren Arbeitsalltag integrieren wollen — sei es zum Teilen mit Kollegen, zur Ablage in Projects oder zum Export als Datei.

Was lernst du?

• Warum Artifacts ohne aktives Speichern verloren gehen können
• Drei Wege, ein Artifact zu sichern: Kopieren, Herunterladen, Veröffentlichen
• Wie du ein Artifact als öffentlichen Link teilst
• Wie du Artifacts als Dateien exportierst (HTML, SVG, Markdown, Code)
• Wie du Artifacts in Projects organisierst
• Wann Artifacts an ihre Grenzen stoßen und du zu Claude Code wechseln solltest

Wann nutzen?

• Du hast ein Artifact erstellt, das du mit anderen teilen willst
• Du brauchst das Ergebnis als Datei auf deinem Rechner
• Du willst Artifacts über mehrere Conversations hinweg organisieren
• Du iterierst über ein Artifact und willst sicherstellen, dass Zwischenstände nicht verloren gehen

Wann nicht?

• Du nutzt ein Artifact nur zur schnellen Vorschau und brauchst es nicht dauerhaft
• Du baust eine vollständige Web-Anwendung — dann ist Claude Code besser geeignet

Das Problem: Artifacts sind flüchtig

Artifacts existieren innerhalb einer Conversation. Solange die Conversation existiert, kannst du jedes Artifact darin wiederfinden. Aber:

• Conversations können lang werden und Artifacts gehen in der Menge unter
• Ohne bewusstes Speichern gibt es keine Übersicht über deine besten Ergebnisse
• Wenn du ein Artifact an jemanden weitergeben willst, brauchst du einen Weg es zu teilen

Deshalb ist es wichtig, einen bewussten Workflow für Artifacts zu haben, statt sie „irgendwo im Chat” zu belassen.

Drei Wege, ein Artifact zu sichern

1. Kopieren

Der schnellste Weg: Klicke auf das Kopier-Symbol im Artifact-Panel. Der gesamte Inhalt wird in deine Zwischenablage kopiert. Von dort kannst du ihn in jede Anwendung einfügen — einen Texteditor, eine E-Mail, ein CMS.

Am besten für: Code-Snippets, kurze Texte, Markdown-Inhalte, die du direkt in ein anderes Tool einfügen willst.

2. Herunterladen

Klicke auf den Download-Button im Artifact-Panel. Je nach Artifact-Typ erhältst du:

• Text-Artifacts: .md-Datei (Markdown)
• HTML-Artifacts: .html-Datei (im Browser öffenbar)
• SVG-Grafiken: .svg-Datei (skalierbar, in jedem Grafikprogramm nutzbar)
• Code-Artifacts: Datei mit passender Endung (.py, .js, .tsx etc.)

Am besten für: Ergebnisse, die du lokal speichern, archivieren oder in andere Tools importieren willst.

3. Veröffentlichen (Publish)

Die mächtigste Option: Du veröffentlichst das Artifact als teilbaren Link. Jeder, der den Link hat, kann das Artifact im Browser ansehen — ohne Claude-Account.

Am besten für: Dashboards, HTML-Seiten und Visualisierungen, die du mit anderen teilen willst.

Ein Artifact veröffentlichen — Schritt für Schritt

Was „Veröffentlicht” bedeutet

Wenn du ein Artifact veröffentlichst:

• Jeder mit dem Link kann das Artifact sehen — kein Claude-Account nötig
• Der Link bleibt aktiv, bis du ihn zurückziehst
• Änderungen am Artifact aktualisieren den Link automatisch
• Keine Interaktivität: Der Empfänger sieht das Artifact, kann es aber nicht editieren oder mit Claude darüber chatten
• Du behältst die Kontrolle: Du kannst den Link jederzeit deaktivieren

Artifacts als Dateien exportieren

Nicht jedes Artifact muss veröffentlicht werden. Oft willst du einfach eine Datei auf deinem Rechner:

Tipp: Heruntergeladene HTML-Artifacts funktionieren direkt im Browser — einfach die Datei doppelklicken. CSS und JavaScript sind eingebettet, keine externen Abhängigkeiten nötig.

Artifacts in Projects organisieren

Wenn du im Pro-Plan arbeitest, kannst du Projects nutzen, um Kontext über mehrere Conversations hinweg aufzubauen. Artifacts passen in diesen Workflow:

• Project-Wissen: Lade wichtige Artifacts (z.B. ein Style Guide als Markdown) in die Project Knowledge. Claude nutzt sie dann als Kontext in allen Conversations dieses Projects.
• Conversation-Reihe: Erstelle ein Artifact in einer Conversation und referenziere es in der nächsten: „Basierend auf dem Dashboard von gestern, füge eine neue Spalte hinzu.”
• Versions-Kontrolle: Für wichtige Artifacts, die sich weiterentwickeln, erstelle regelmäßig Downloads als Snapshots. So hast du eine Historie.

Mehr zu Projects und wie du sie mit Artifacts kombinierst, findest du im Guide Projects, Artifacts & Memory.

Iterieren über geteilte Artifacts

Ein großer Vorteil veröffentlichter Artifacts: Du kannst sie weiterentwickeln, ohne den Link zu ändern. Der Workflow:

1. Du veröffentlichst ein Dashboard und schickst den Link an dein Team
2. Dein Team gibt Feedback: „Die Farben sind schwer lesbar”, „Füge eine Spalte für Q2 hinzu”
3. Du gehst zurück in die Conversation und sagst Claude: „Ändere die Farben zu einem helleren Farbschema und füge Q2-Daten hinzu”
4. Claude aktualisiert das Artifact
5. Der Link zeigt automatisch die neue Version — dein Team sieht die Änderungen sofort

Kein neues Teilen nötig. Der Link bleibt stabil, der Inhalt wird aktualisiert.

Wann du zu Claude Code wechseln solltest

Artifacts sind großartig für schnelle, eigenständige Ergebnisse. Aber sie haben Grenzen:

• Kein Dateisystem: Artifacts speichern nichts dauerhaft auf deinem Rechner
• Kein Build-Prozess: Artifacts können keine npm-Pakete installieren, Tests ausführen oder Git-Commits machen
• Kein Multi-File-Projekt: Ein Artifact ist eine einzelne Datei — für Projekte mit mehreren Dateien brauchst du Claude Code
• Keine Versionskontrolle: Du kannst nicht zu einer früheren Version zurückkehren (außer du hast Downloads als Snapshots)

Faustregel: Wenn dein Artifact mehr als eine Datei braucht, regelmäßig aktualisiert werden muss oder in ein bestehendes Projekt integriert werden soll — wechsle zu Claude Code.

Typische Fehler

• Nicht speichern: Das häufigste Problem. Du erstellst ein tolles Artifact, schließt den Tab und findest es nicht wieder. Gewöhne dir an, jedes wichtige Artifact direkt herunterzuladen oder zu veröffentlichen.
• Vertrauliches veröffentlichen: Veröffentlichte Artifacts sind öffentlich zugänglich. Prüfe vor dem Publish, ob sensible Daten (Kundennamen, interne Zahlen, Passwörter) enthalten sind.
• Zu viele Änderungen auf einmal: Wenn du nach dem Veröffentlichen drei große Änderungen gleichzeitig machst, ist das Ergebnis schwer nachvollziehbar. Iteriere in kleinen Schritten.
• Artifact statt Project-Knowledge: Wenn du ein Style Guide oder Briefing in jeder Conversation neu als Artifact erstellen lässt, verschwende du Tokens. Lade es einmal als Project Knowledge hoch.
• HTML per Copy-Paste teilen: Den HTML-Code eines Artifacts in eine Nachricht kopieren ist nicht das Gleiche wie den Publish-Link zu teilen. Der Link zeigt die gerenderte Seite, der Code ist Quelltext.

Mini-Übung

Durchlaufe den kompletten Artifact-Lifecycle in einer Conversation:

1. Erstellen: Bitte Claude: „Erstelle ein HTML-Dashboard mit drei KPI-Karten: Umsatz (125.000€), Neukunden (47), Conversion Rate (2,8%). Modernes Design mit blauem Farbschema.”
2. Iterieren: Gib mindestens zwei Änderungswünsche: z.B. „Ändere das Farbschema zu Dunkelgrün” und „Füge eine vierte KPI-Karte für die Kundenzufriedenheit (4,2/5) hinzu”
3. Herunterladen: Lade das fertige Artifact als HTML-Datei herunter und öffne es im Browser
4. Veröffentlichen: Klicke auf Publish und kopiere den Link
5. Teilen: Öffne den Link in einem anderen Browser oder Inkognito-Fenster — siehst du das Dashboard?
6. Aktualisieren: Gehe zurück in die Conversation und bitte Claude, einen Wert zu ändern. Prüfe, ob der Link die Änderung zeigt.

Nächster Schritt

Du kannst jetzt Artifacts sichern, teilen und in deinen Workflow integrieren. Um noch bessere Artifacts zu erstellen, lerne die Grundlagen in Prompt Engineering — denn die Qualität deiner Prompts bestimmt die Qualität deiner Ergebnisse.