Inhaltsverzeichnis
Am 18. Juni 2026 hat Anthropic Claude Code Artifacts (Beta) veröffentlicht — eine Funktion, die eine Coding-Sitzung im Terminal in eine „lebende“ Webseite verwandelt, die Ihr Team teilen kann. Statt dass Claude Code endlose git diff-Ausgaben und Logs als Text durchscrollt, kann es eine kommentierte PR-Durchsicht, ein sich selbst aktualisierendes Dashboard oder eine Incident-Zeitachse als eine einzige Seite veröffentlichen.
Dieser Artikel behandelt, was Artifacts ist, wie es sich von den claude.ai Artifacts von 2024 unterscheidet, wie man es verwendet, seine Grenzen und die Verfügbarkeit — basierend auf der offiziellen Dokumentation. Drei Kernpunkte vorab. (1) Es veröffentlicht die Ausgabe einer Sitzung als eine Seite unter einer privaten claude.ai-URL, und der Inhalt aktualisiert sich, während die Arbeit fortschreitet. (2) Es gibt keinen eigenen /artifact-Befehl — Sie fragen in natürlicher Sprache („Erstelle eine Seite, die diesen PR mit Anmerkungen durchgeht“). (3) Es ist in den Plänen Pro, Max, Team und Enterprise verfügbar, aber nur in Sitzungen nutzbar, die über /login angemeldet sind (nicht mit einem API-Schlüssel).
Eine Sitzung in eine „geteilte Seite“ verwandeln
— von der Terminal-Ausgabe zu einer lebenden Seite, die man ansehen und mit der man interagieren kann
Veröffentlicht wird unter einer privaten claude.ai-URL (nur für Sie sichtbar, bis Sie sie teilen).
Jede Aktualisierung wird zu einer neuen Version unter derselben URL, und die Seite aktualisiert sich an Ort und Stelle für alle, die sie geöffnet haben.
1. Was Claude Code Artifacts ist
Die offizielle Definition lautet: „Ein Artifact ist eine lebende, interaktive Webseite, die Claude Code aus Ihrer Sitzung unter einer privaten URL auf claude.ai veröffentlicht.“ Öffnen Sie es im Browser, und es aktualisiert sich an Ort und Stelle, während die Sitzung weiterläuft. Die Seite wird „aus allem aufgebaut, was Ihre Sitzung erreichen kann, einschließlich Ihrer Codebasis und Daten, die sie über Ihre angebundenen Tools abruft“ (MCP-Konnektoren).
Der Sinn besteht darin, „Ausgaben, die sich als Terminal-Text schwer vermitteln lassen, in eine Seite zu verwandeln, die man ansehen und mit der man interagieren kann.“ Während einer langen Untersuchung können Sie beispielsweise eine Incident-Zeitachse teilen, die sich nach und nach füllt, während Sie arbeiten, oder eine Release-Checkliste, die sich selbst abhakt, sobald Aufgaben abgeschlossen sind. Anthropic positioniert es als Kollaborationswerkzeug, das „Teams ermöglicht, weniger Zeit für Status-Updates und mehr Zeit fürs Bauen aufzuwenden.“ Betrachten Sie es als eine neue Ausgabeform für Claude Code, neben Skills und MCP.
2. Wie es sich von den claude.ai Artifacts von 2024 unterscheidet
Viele werden an die Artifacts im Seitenpanel (Canvas) denken, die 2024 im claude.ai-Chat erschienen. Sie teilen Namen und Abstammung, aber Claude Code Artifacts ist eine andere Oberfläche. Da die beiden leicht zu verwechseln sind, hier die Aufschlüsselung (Hinweis: Dieser Vergleich ist unsere eigene Zusammenstellung — Anthropic stellt sie nicht nebeneinander dar).
| claude.ai Artifacts (2024) | Claude Code Artifacts (2026) | |
|---|---|---|
| Wo es erscheint | Ein Canvas neben dem Chat in claude.ai | Eine eigenständige Seite aus einer Coding-Sitzung im Terminal |
| Quelle des Inhalts | Das Chat-Gespräch | Die gesamte Sitzung (Codebasis, Konnektoren) |
| Live-Aktualisierung für Betrachter | Nein (Sie generieren im Chat neu) | Ja (veröffentlichte Seite aktualisiert sich an Ort und Stelle) |
| Freigabe-Umfang | Kann öffentlich gemacht werden | Standardmäßig privat; Freigabe in der Organisation oder per öffentlichem Link (bei Team / Enterprise muss ein Owner die öffentliche Freigabe aktivieren) |
In einem Satz: Die Version von 2024 „rendert ein Artifact innerhalb des Chats“, während die Claude-Code-Version von 2026 „eine Coding-Sitzung im Terminal in eine sich selbst aktualisierende, teilbare Webseite verwandelt.“ Gleicher Name, aber anderer Anwendungsfall und eine andere Art der Freigabe.
3. Wofür es gut ist
Die von Anthropic genannten Anwendungsfälle sind genau die Art, bei der „eine Seite zu sehen besser ist als Text zu lesen“.
Wenn eine „Seite“ besser ist als Text
Der gemeinsame Test: „Ist diese Ausgabe leichter anzusehen und damit zu interagieren, als sie Zeile für Zeile zu lesen?“
4. So verwenden Sie es
Die größte Besonderheit: Es gibt keinen eigenen /artifact-Befehl. Sie fragen in natürlicher Sprache, oder Claude bietet eines an, wenn die Ausgabe sich für eine Seite eignet. Der Ablauf:
# 1) Ask in plain language during a session (examples)
Make an artifact that walks through this PR with the diff annotated inline.
Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.
# 2) Claude writes a .html (or .htm / .md) — to a temp folder outside your project unless you name a location — and publishes it
# In plan mode, or when the page declares capabilities such as connector calls, Claude asks first
# 3) The URL is printed and opens in your browser. Reopen the latest with Ctrl+]
# Disable auto-open with CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0Zum Aktualisieren bitten Sie Claude einfach um Änderungen — es bearbeitet die Datei und veröffentlicht unter derselben URL, und jede Veröffentlichung wird zu einer neuen Version (über Share wählen Sie, welche Version Betrachter sehen). Um aus einer anderen Sitzung zu aktualisieren, fügen Sie die URL des Artifacts ein (sonst wird ein neues Artifact erstellt). Ein neues Artifact ist zunächst nur für Sie sichtbar. Teilen Sie es über Share in der Kopfzeile: Bei Team / Enterprise können Sie bestimmten Personen oder der ganzen Organisation Zugriff geben, und ein öffentlicher Link lässt jeden die Seite ohne Anmeldung bei claude.ai öffnen (bei Team / Enterprise nur, wenn ein Owner die externe Freigabe aktiviert hat). Personen, mit denen Sie teilen, sind standardmäßig Betrachter; bei Team / Enterprise können Sie jemanden auch zum Editor machen. Alle Ihre Artifacts sind in der Galerie unter claude.ai/code/artifacts aufgelistet.
5. Grenzen — es ist keine „App“
Die offizielle Dokumentation sagt es unmissverständlich: „Ein Artifact ist eine Momentaufnahme der Arbeit, keine Anwendung.“ Wer das falsch versteht, wird enttäuscht sein — beachten Sie also die Einschränkungen.
Wesentliche Einschränkungen (offiziell)
· Kein Backend: eine einzelne statische Seite. Sie kann Betrachter nicht selbst authentifizieren und keine mehreren Routen bedienen (nur Anker innerhalb der Seite). Um beim Aufruf frische Daten zu holen, ruft sie MCP-Konnektoren über claude.ai auf.
· Eingeschränkte externe Anfragen: Unter einer strikten CSP kann die Seite nur Schriften von Google Fonts und Skripte von fünf öffentlichen CDN-Hosts (cdnjs, unpkg, jsDelivr usw.) laden. Andere externe Skripte/CSS/Schriften/Bilder werden blockiert, und fetch, XHR und WebSocket erreichen nur den eigenen Ursprung der Seite und Google Fonts. Übriges CSS/JS wird inline eingebettet; Bilder als data URI.
· Dateitypen und Größe: nur .html / .htm / .md. Die gerenderte Seite muss ≤ 16 MiB sein (große Bilder sind die übliche Ursache für fehlgeschlagene Veröffentlichungen).
· Token-Kosten: Durch inline eingebettetes CSS/JS und data-URI-Bilder verbraucht es mehr Tokens als Terminal-Text.
Artifacts ist also nicht „ein Weg, eine laufende App zu bauen“, sondern „ein Weg, die Ausgabe einer Sitzung zu einer teilbaren, lesbaren Seite zu verdichten“. Wenn Sie ein echtes Tool brauchen, das mit externen Diensten spricht, gehen Sie zur normalen Entwicklung und deployen. Um die Seite außerhalb Ihrer Organisation zu zeigen, teilen Sie einen öffentlichen Link (bei Team / Enterprise, sofern ein Owner die externe Freigabe aktiviert hat), oder lassen Sie Claude die rohe HTML-Datei ausgeben.
6. Verfügbarkeit und Admin-Steuerung
Voraussetzungen, Stand 4. Oktober 2026 (prüfen Sie den aktuellen Stand in der Dokumentation).
| Punkt | Details |
|---|---|
| Pläne | Pro / Max / Team / Enterprise. Bei Team / Enterprise standardmäßig aktiv; ein Owner kann es für die Organisation abschalten |
| Status | Am 18. Juni 2026 als Beta angekündigt (anfangs nur Team / Enterprise) |
| Wo es funktioniert | Claude Code CLI oder die Claude-Desktop-App (v1.13576.0+). In Agent SDK / GitHub Action / MCP-Server-Kontexten standardmäßig deaktiviert |
| Authentifizierung | Muss über /login bei claude.ai angemeldet sein. API-Schlüssel, Gateway-Tokens und Cloud-Anmeldedaten können nicht veröffentlichen |
| Modellanbieter | Nur Anthropic API (nicht Amazon Bedrock / Google Vertex / Microsoft Foundry) |
| Organisationsrichtlinie | Deaktiviert für Organisationen mit CMEK, HIPAA oder Zero Data Retention (ZDR) |
Für Admins gibt es eine organisationsweite Ein-/Ausschaltung, rollenbasierte Eingrenzung (Enterprise RBAC), Aufbewahrungsrichtlinien, ein Audit-Log (claude_artifact_*) und eine Compliance API. Um es selbst zu deaktivieren, verwenden Sie "enableArtifact": false in den Einstellungen, die Umgebungsvariable CLAUDE_CODE_DISABLE_ARTIFACT=1 oder verweigern Sie die Artifact permission. Wenn Sie beim Anmelden hängenbleiben, siehe Lösungen für Authentifizierungs-/Login-Fehler.
Zusammenfassung
Claude Code Artifacts (angekündigt am 18. Juni 2026) verwandelt eine Coding-Sitzung im Terminal in eine „lebende“ geteilte Seite unter einer privaten claude.ai-URL. PR-Walkthroughs, Dashboards, Incident-Zeitleisten, Checklisten — Ausgaben, die leichter zu sehen als zu lesen sind — teilen Sie mit Ihrem Team. Es ist von den Canvas-artigen claude.ai Artifacts von 2024 zu unterscheiden: aus der Sitzung gespeist, sich selbst aktualisierend, standardmäßig privat. Es gibt keinen /artifact-Befehl — Sie fragen in natürlicher Sprache, Claude schreibt eine .html und veröffentlicht sie, und jede Aktualisierung ist eine neue Version unter derselben URL.
Aber es ist „eine Momentaufnahme der Arbeit, keine App“ — kein Backend, eingeschränkte externe Anfragen (CSP), eine einzelne Seite, ≤ 16 MiB. Es läuft in den Plänen Pro / Max / Team / Enterprise und eine /login-Anmeldung erfordert (keine API-Schlüssel) und nur die Anthropic API nutzt (nicht Bedrock usw.). Für Teams, die die Kosten von Status-Updates senken wollen, ist es eine starke Option. Verwandt: Claude Agent Skills, MCP, Claude Cowork.
FAQ
Q. Ist das dasselbe wie die claude.ai Artifacts von 2024?
A. Nein, es ist etwas anderes. Die Version von 2024 rendert ein Artifact in einem Canvas neben dem Chat in claude.ai. Claude Code Artifacts verwandelt eine Coding-Sitzung im Terminal in eine eigenständige Seite unter einer privaten claude.ai-URL, aufgebaut aus der gesamten Sitzung (Codebasis, Konnektoren), sich selbst aktualisierend und standardmäßig privat. Sie teilen Namen und Abstammung, aber die Oberfläche und die Art der Freigabe unterscheiden sich.
Q. Wie erstelle ich eines? Gibt es einen Befehl?
A. Es gibt keinen eigenen /artifact-Befehl. Fragen Sie während einer Sitzung in natürlicher Sprache („Erstelle ein Artifact, das …“), oder Claude bietet eines an, wenn die Ausgabe sich für eine Seite eignet. Claude schreibt eine .html (oder .htm / .md), veröffentlicht sie und gibt eine URL aus (im Plan-Modus oder wenn die Seite Fähigkeiten wie Konnektor-Aufrufe deklariert, fragt es vorher). Öffnen Sie das neueste erneut mit Ctrl+].
Q. Kann jeder die Seite sehen? Kann ich sie öffentlich machen?
A. Ein neues Artifact ist zunächst nur für Sie sichtbar. Nutzen Sie Share in der Kopfzeile: Bei Team / Enterprise können Sie es mit bestimmten Personen oder der ganzen Organisation teilen. Über einen öffentlichen Link lässt es sich ohne Anmeldung bei claude.ai öffnen (bei Team / Enterprise nur, wenn ein Owner die externe Freigabe aktiviert hat). Personen, mit denen Sie teilen, sind standardmäßig Betrachter; bei Team / Enterprise können Sie jemanden auch zum Editor machen.
Q. Kann ich eine funktionierende Web-App bauen?
A. Nein. Die Dokumentation nennt ein Artifact „eine Momentaufnahme der Arbeit“. Es hat kein Backend, nur eingeschränkte externe Anfragen (die CSP lässt fetch/XHR/WebSocket nur den eigenen Ursprung der Seite und wenige Hosts erreichen), eine einzelne Seite und ein Limit von ≤ 16 MiB. Wenn Sie beliebige API-Aufrufe oder Datenspeicherung benötigen, bauen und deployen Sie normal. Artifacts ist auf das „Teilen von Ausgaben in lesbarer Form“ spezialisiert.
Q. Kann ich es mit meinem Plan nutzen?
A. Stand 4. Oktober 2026 ist es in den Plänen Pro / Max / Team / Enterprise verfügbar. Bei Team / Enterprise ist es standardmäßig aktiv, und ein Owner kann es für die Organisation abschalten. Sie brauchen eine Sitzung, die über /login bei claude.ai angemeldet ist, und API-Schlüssel / Cloud-Anmeldedaten können nicht veröffentlichen. Der Anbieter ist nur die Anthropic API (nicht Bedrock/Vertex/Foundry). Der Umfang kann sich ändern, prüfen Sie daher den aktuellen Stand in der offiziellen Dokumentation.
