Was sind Claude Code Artifacts? Ein klarer Leitfaden für 2026

Was ist ein Claude Code Artifact genau?

Die Dokumentation formuliert es klar: Ein Artifact ist „eine live, interaktive Webseite, die Claude Code aus Ihrer Session unter einer privaten URL auf claude.ai veröffentlicht." Es aktualisiert sich an Ort und Stelle, während Ihre Session fortgesetzt wird, und Sie teilen es über eine Schaltfläche im Seitenkopf.

Das Schlüsselwort ist Session. Claude Code erstellt das Artifact unter Verwendung von allem, was bereits geöffnet ist: Ihre Codebasis, alle Connectors, die Sie über MCP eingebunden haben, und die Konversation selbst. Sie müssen keinen Server aufsetzen, keine Datenquelle einbinden oder irgendetwas deployen. Sie beschreiben, was Sie sehen möchten, und Claude rendert es.

Eine Zeile in der Dokumentation verrät mehr über die Design-Absicht als alles andere. Ein Artifact ist „eine Erfassung von Arbeit, keine Anwendung" (laut Dokumentation). Es ist eine in sich geschlossene Seite ohne Backend. Es kann weder speichern, was Sie in ein Formular eingeben, noch zur Anzeigezeit eine API aufrufen oder mehr als eine Route bedienen. Diese Einschränkung ist der eigentliche Punkt: Sie hält Artifacts günstig in der Erstellung und sicher im Teilen, und verhindert, dass sie sich unbemerkt in Produktions-Apps verwandeln, die niemand wartet.

Claude Code Artifacts vs. die Artifacts, die Sie bereits kennen

Hier herrscht bei fast allen Verwirrung, denn „Artifacts" hatte zu verschiedenen Zeiten zwei unterschiedliche Bedeutungen.

Wenn Sie die Claude-App genutzt haben, kennen Sie wahrscheinlich Chat-Artifacts: das Panel, das rechts neben der Konversation aufgeht, wenn Claude ein Dokument, ein Diagramm oder eine kleine React-App schreibt. Diese wurden im August 2024 allgemein verfügbar und funktionieren mit jedem Plan, auch mit Free.

Claude Code Artifacts sind eine separate, neuere Oberfläche. Gleicher Name, anderes Konzept. Am deutlichsten wird der Unterschied im direkten Vergleich.

Und dasselbe als übersichtliche Tabelle:

Wenn also jemand von „Claude Code Artifacts" spricht, meint er fast immer das neue entwicklerorientierte, das mit der Claude Code CLI und der Desktop-App ausgeliefert wird. Darum geht es in diesem Leitfaden hauptsächlich.

Wie Claude Code Artifacts tatsächlich funktionieren

Der Ablauf ist kurz – das ist das Schönste daran. Es gibt keinen Build-Schritt und nichts, das gehostet werden muss.

Schritt für Schritt:

1. Erstellen. Sie fragen in natürlicher Sprache, etwa „erstelle ein Artifact, das diesen PR mit inline annotierten Diffs durchgeht." Claude schreibt eine .html-, .htm- oder .md-Datei in Ihr Projekt, fragt vor der Veröffentlichung eines neuen Artifacts um Erlaubnis, gibt die URL aus und öffnet Ihren Browser. Es wählt sogar einen Titel und ein Emoji-Tab-Icon für Sie aus (Dokumentation).
2. Aktualisieren. Fordern Sie eine Änderung an („füge eine regionale Aufschlüsselung unterhalb des Diagramms hinzu und veröffentliche erneut"), und Claude bearbeitet die Datei und veröffentlicht unter der gleichen URL. Jeder, der die Seite geöffnet hat, sieht die Aktualisierung direkt. Jede Veröffentlichung ist eine neue Version mit vollständiger Versionshistorie, sodass Sie jederzeit eine ältere Version wiederherstellen können.
3. Teilen. Ein neues Artifact ist nur für Sie sichtbar. Die Share-Steuerung im Seitenkopf ermöglicht es, den Zugriff auf bestimmte Personen oder alle in Ihrer Organisation zu gewähren.

Dieser letzte Schritt birgt die wesentliche Einschränkung. Das Teilen endet an Ihrer Organisationsgrenze. Betrachter müssen als Mitglied derselben Organisation bei claude.ai angemeldet sein, und es gibt keine öffentliche Option. Artifacts sind ansichtbar, nicht gemeinsam bearbeitbar, sodass Sie der einzige Autor bleiben. Wenn Sie eines wirklich außerhalb des Unternehmens versenden müssen, fordern Sie die HTML-Datei von Claude an und teilen diese Datei auf dem klassischen Weg.

Einige kleine, aber praktische Funktionen: Drücken Sie Ctrl+], um das zuletzt geöffnete Artifact vom Terminal aus wieder zu öffnen, setzen Sie CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0, wenn Ihr Browser nicht bei jeder Veröffentlichung aufspringen soll (eine von vielen Umgebungsvariablen, die Claude Code beachtet), und finden Sie alles, was Sie erstellt haben, in der Galerie unter claude.ai/code/artifacts.

Was Sie damit tatsächlich bauen können

Die Faustregel aus der Dokumentation lautet, ein Artifact dann zu verwenden, wenn „Terminal-Text das falsche Medium ist" – wenn die Ausgabe einfacher zu betrachten und anzuklicken ist als Zeile für Zeile zu lesen. Die genannten Anwendungsfälle sind die, die es wert sind, bekannt zu sein:

• Einen Reviewer durch einen PR führen mit inline annotierten und farblich nach Schweregrad codierten Diffs.
• Ein Dashboard rendern aus Daten, die Ihre Session bereits abgerufen hat.
• Mehrere Optionen nebeneinander darstellen, etwa Layouts, Textvarianten oder API-Strukturen.
• Eine Untersuchungs-Timeline pflegen, die sich selbst füllt, während eine lange Aufgabe läuft.
• Ein Lizenz- oder Abhängigkeits-Audit ausführen als navigierbare Seite statt als JSON-Dump.

Da die Seite Schieberegler, Schalter und Eingaben enthalten kann (nur kein Backend), lassen sich auch kleine interaktive Elemente bauen: ein Triage-Board mit einem „Als Prompt kopieren"-Button, der Text zurück an Ihr Terminal übergibt, oder eine Checkliste, die Punkte abhakt, während eine lange Aufgabe abgeschlossen wird. Claude wendet sogar eine integrierte Design-Kompetenz an und sucht zunächst nach einem vorhandenen Design-System in Ihrem Projekt, sodass das Ergebnis nicht wie rohes Bootstrap aussieht. Sie können Ihre Design-Tokens in Ihrer CLAUDE.md-Konfiguration hinterlegen, und diese haben Vorrang (Dokumentation).

Claude Code selbst läuft über Terminal, VS Code, die Desktop-App und das Web, aber Artifacts werden speziell über die CLI oder die Desktop-App veröffentlicht.

Das Kleingedruckte: Was ein Artifact nicht kann

Diesen Abschnitt lohnt es sich zweimal zu lesen, denn die Einschränkungen definieren, wofür Artifacts gedacht sind. Jedes ist eine einzelne in sich geschlossene Seite, die in einer HTML-Shell verpackt und unter einer strikten Content Security Policy bereitgestellt wird (Dokumentation).

Ein weiterer praktischer Hinweis: Das Erzeugen einer gestalteten Seite verbraucht mehr Output-Token als einfacher Terminal-Text, sodass ein umfangreiches Artifact mehr kostet. Die Dokumentation empfiehlt, SVG und HTML/CSS gegenüber Rasterbildern zu bevorzugen, unnötige Interaktivität wegzulassen und große Datensätze zusammenzufassen statt sie inline einzubetten. Wenn Ihr Team die Ausgaben im Blick hat, ist das dasselbe Prinzip wie die Optimierung Ihrer Modellkonfiguration.

Wer Claude Code Artifacts derzeit nutzen kann

Stand Juni 2026 befinden sich Artifacts in der Beta-Phase und sind hinter einer kurzen Liste von Anforderungen gesperrt. Sie benötigen alle davon (Dokumentation):

• Plan: Team oder Enterprise. Bei Team sind sie standardmäßig aktiviert; bei Enterprise aktiviert ein Administrator sie.
• Authentifizierung: Angemeldet bei claude.ai über /login. API-Schlüssel-, Gateway-Token- oder Cloud-Provider-Credential-Sessions können nicht veröffentlichen.
• Modellanbieter: Nur die Anthropic API. Nicht Amazon Bedrock, Google Vertex AI oder Microsoft Foundry.
• Org-Richtlinie: CMEK, HIPAA und Zero Data Retention dürfen nicht aktiviert sein.
• Oberfläche: Die Claude Code CLI oder die Desktop-App (v1.13576.0+). Standardmäßig deaktiviert im Agent SDK, GitHub Action und MCP-Server-Kontexten.

Für Administratoren gibt es hier echte Governance-Möglichkeiten, die wichtig sind, wenn Sie das Feature teamweit ausrollen. Sie können Artifacts unter Einstellungen > Claude Code > Funktionen ein- und ausschalten, sie mit Enterprise RBAC auf bestimmte Rollen beschränken, separate Aufbewahrungsregeln für private und geteilte Artifacts festlegen und claude_artifact_*-Ereignisse im Audit-Log verfolgen. Es gibt sogar eine Compliance-API zum programmgesteuerten Auflisten und Löschen von Artifacts. Wenn Sie Richtlinien für eine gesamte Organisation festlegen, decken unsere Leitfäden zu Administrator-Steuerungen und Claude Code Berechtigungen die zugehörigen Einstellungen ab.

Ein kurzer Rückblick: Wie Artifacts hierher kamen

Es hilft, den gesamten Verlauf zu sehen, denn „Artifacts" ist seit zwei Jahren still gewachsen.

Artifacts begannen als Feature-Vorschau neben Claude 3.5 Sonnet im Juni 2024, wurden dann am 27. August 2024 mit bereits „Zehnmillionen" erstellten Artifacts allgemein verfügbar. Bis Juni 2025 erhielten sie einen eigenen Bereich in der App und, was wichtiger ist, die Möglichkeit, Claudes eigene Intelligenz einzubetten, wodurch ein statisches Artifact in eine KI-gestützte App verwandelt werden konnte. Anthropic präsentierte Rick Rubins „The Way of Code"-Projekt – 81 Meditationen gepaart mit interaktiven Artifacts – als Vorzeigeprojekt.

Diese KI-gestützte Version brachte eine clevere Abrechnungseigenschaft mit, die in der Community gut ankam: Die Nutzung einer geteilten App wird dem eigenen Abonnement des jeweiligen Betrachters angerechnet, nicht dem des Erstellers. Wie Simon Willison es ausdrückte: „Apps, die als Claude Artifacts gebaut wurden, haben jetzt die Möglichkeit, eigene Prompts auszuführen, die dem aktuellen Nutzer der App in Rechnung gestellt werden, nicht dem App-Autor." Bauen Sie ein Tool, teilen Sie den Link, und Sie tragen nicht die Kosten für jeden, der es nutzt. Im Oktober 2025 kamen MCP-Verbindungen und dauerhafter Speicher hinzu (20 MB pro Artifact, nur Text). Im Juni 2026 folgte dann die neue Claude Code Oberfläche.

Bei Chat-Artifacts ist die Teilen-Funktionalität auch dort großzügiger, wo die ältere Oberfläche mehr bietet. Sie können eines unter einem öffentlichen Link veröffentlichen, den jeder ohne Konto öffnen kann, einen Einbettungs-Code für Ihre eigene Website erhalten oder innerhalb Ihrer Organisation teilen.

Es gibt eine scharfe Kante auf der Chat-Seite, die es wert ist, hervorgehoben zu werden: Sobald Sie die Veröffentlichung eines Artifacts rückgängig machen, kann dasselbe Artifact nicht erneut veröffentlicht werden. Sie müssen ein neues erstellen. Das sollte man wissen, bevor man bei etwas, das man bereits weit geteilt hat, auf „Veröffentlichung aufheben" klickt.

Was die Leute wirklich davon halten

Die Reaktion der Community war positiv, mit einem konsistenten Satz an Kritikpunkten. Auf der Begeisterungsseite ist das lauteste Thema die Tatsache, dass Nicht-Web-Entwickler funktionierende Dinge aus einem Prompt heraus erstellen.

„Claude Artifacts sind für mich unglaublich. Ich bin C/Python-Programmierer, meine Web-Entwicklungskenntnisse sind sehr begrenzt. Die Tatsache, dass es einfach diese Web-Apps produziert, macht so viel Spaß."

u/Longjumping-Gap-3254, r/ClaudeAI

Ein weiterer wiederkehrender Vorteil ist die Nutzung von Artifacts zur Kommunikation, als Ersatz für Folien, Wireframes und Miro-Boards, um eine Idee zu vermitteln:

„Mockups, Datengeschichten, Wireframes, Rechner, Sitemaps, Recherche. Normalerweise für temporäre Kommunikation mit Kunden verwendet. Ich nutze es viel für Lo-Fi-Wireframes, um sicherzustellen, dass Kunde und ich auf derselben Seite sind... Früher habe ich diesen Schritt in Miro gemacht."

u/GullibleSavings3621, r/ClaudeAI

Die Kritikpunkte sind ebenso konsistent und decken sich fast genau mit den oben genannten Einschränkungen. Der größte, besonders für Teams, ist der Mangel an granularen Freigabekontrollen:

„Derzeit ist ein geteiltes Artifact intern für jeden mit einem Konto und dem Link zugänglich. Soweit ich sehen kann, gibt es keine Möglichkeit, den Zugriff auf eine bestimmte Person oder Gruppe zu beschränken."

u/Either-Difference839, r/ClaudeAI

Und Power-User stoßen an eine Grenze, wie viel ein einziges Artifact in einem Durchgang leisten kann – genau deshalb existiert die Claude Code Oberfläche für umfangreichere Arbeit. Simon Willison, der eine Woche lang täglich ein Tool mit Artifacts baute, war auf Hacker News klar in seiner Einschätzung der Grenze: „Für One-Shot-Apps wie diese gibt es ein striktes Limit, wie viel man rein durch Prompting in einer einzelnen Session erreichen kann." Diese Lücke ist die ehrliche, die man im Hinterkopf behalten sollte. Artifacts dienen dazu, Arbeit festzuhalten und zu kommunizieren, nicht dazu, Ihren nächsten Produktionsdienst zu betreiben.

Was das für Sie bedeutet – und wo eesel ins Spiel kommt

Claude Code Artifacts sind eine sinnvolle Ergänzung: ein unkomplizierter Weg, eine Coding-Session in etwas zu verwandeln, durch das ein Kollege navigieren kann. Wenn Ihr Team Team oder Enterprise nutzt und täglich mit Claude Code arbeitet, probieren Sie sie beim nächsten PR-Review oder Postmortem aus. Gehen Sie einfach mit dem Wissen hinein, dass es sich um eine Erfassung von Arbeit handelt – bewusst statisch und auf die Organisation beschränkt – und keine App-Plattform.

Diese letzte Unterscheidung ist mir am wichtigsten, denn sie markiert genau die Grenze zwischen einer Seite, die etwas zeigt, und einem Agenten, der etwas tut. Ein Artifact rendert ein Dashboard. Es kann kein Kunden-Ticket aufnehmen, eine Bestellung nachschlagen und es lösen.

Diese handlungsorientierte Ebene ist das, was wir bei eesel entwickeln. Wenn Ihnen das Gefühl von „beschreiben Sie, was Sie möchten, und erhalten Sie ein funktionierendes Ergebnis" bei Artifacts gefällt, überträgt eesel dieselbe Idee auf den Kundensupport: Sie verbinden Ihren Helpdesk und Ihre Dokumentation, richten in natürlicher Sprache einen KI-Agenten ein, der Entwürfe erstellt und echte Tickets löst. Der Teil, den Artifacts nicht bieten können (weil sie von Design her statisch sind), ist der Teil, auf den wir uns am stärksten stützen: Sie simulieren den Agenten anhand Tausender Ihrer vergangenen Tickets, bevor er live geht, sodass Sie genau sehen, was er getan hätte. Ein eesel-Kunde, ein Mobilitäts-Startup, hatte uns im ersten Monat 73 % seiner Tier-1-Anfragen lösen. Es verbindet sich über MCP und 100+ Integrationen auf die gleiche Weise, wie Claude Code mit Ihren Tools kommuniziert, und Sie können es kostenlos ausprobieren.