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) Derzeit ist es eine Team-/Enterprise-Beta, 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 Mitglieder der Organisation sichtbar).
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 | Nur organisationsintern; kann nicht öffentlich gemacht werden |
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, organisationsintern geteilte 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) into your project and asks to publish
# "Claude wants to publish 'Deploy failures by service' (deploy-failures.html) to a private page on claude.ai" -> Yes
# 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 eine Überarbeitung — es bearbeitet die Datei und veröffentlicht unter derselben URL, wobei jede Veröffentlichung als neue Version festgehalten wird (ältere lassen sich wiederherstellen). Um aus einer anderen Sitzung zu aktualisieren, fügen Sie die URL des Artifacts ein (andernfalls wird ein neues Artifact erstellt). Geben Sie es über das „Share"-Steuerelement in der Kopfzeile der Seite frei, um bestimmten Personen oder Ihrer gesamten Organisation Zugriff zu gewähren — ein neues Artifact ist anfangs nur für Sie sichtbar. Betrachter müssen als Mitglieder derselben Organisation bei claude.ai angemeldet sein, und es ist nur lesbar (keine gemeinsame Bearbeitung — Sie bleiben der einzige Autor). 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 keine Formulareingaben speichern, zur Anzeigezeit keine API aufrufen und keine mehreren Routen bereitstellen (nur seiteninterne Anker).
· Keine externen Anfragen: Eine strenge CSP blockiert externe Skripte/CSS/Schriften/Bilder sowie fetch, XHR und WebSocket. CSS/JS werden inline eingebettet; Bilder werden als data URI eingebunden.
· 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 keine „Möglichkeit, eine laufende App zu bauen" — es ist „eine Möglichkeit, die Ausgabe einer Sitzung in eine teilbare, lesbare Seite zu verfestigen." Wenn Sie ein echtes Werkzeug benötigen, das mit externen Diensten kommuniziert, gehen Sie zur normalen Entwicklung über und deployen Sie. Um außerhalb Ihrer Organisation zu teilen, lassen Sie Claude die rohe HTML-Datei ausgeben (die Freigabe endet an der Organisationsgrenze).
6. Verfügbarkeit und Admin-Steuerung
Stand Juni 2026 ist der Umfang begrenzt (es ist eine Beta — bestätigen Sie den aktuellen Stand in der Dokumentation).
| Punkt | Details |
|---|---|
| Pläne | Nur Team / Enterprise (nicht Pro/Max). Bei Team standardmäßig aktiviert; bei Enterprise aktiviert ein Admin es |
| Status | Beta (veröffentlicht am 18. Juni 2026) |
| 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 "disableArtifact": true 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 (18. Juni 2026, Beta) verwandelt eine Coding-Sitzung im Terminal in eine „lebende" geteilte Seite unter einer privaten claude.ai-URL. PR-Durchsichten, Dashboards, Incident-Zeitachsen, Checklisten — Ausgaben, die leichter zu sehen als zu lesen sind — organisationsintern geteilt. Es ist von den Canvas-artigen claude.ai Artifacts von 2024 zu unterscheiden: aus der Sitzung gespeist, sich selbst aktualisierend, nur organisationsintern. Es gibt keinen /artifact-Befehl — Sie fragen in natürlicher Sprache, Claude schreibt eine .html und veröffentlicht, und jede Aktualisierung ist eine neue Version unter derselben URL.
Aber es ist „eine Momentaufnahme der Arbeit, keine App" — kein Backend, keine externen Anfragen (CSP), eine einzelne Seite, ≤ 16 MiB. Die Nutzung ist eine Team-/Enterprise-Beta, die 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 nur organisationsintern. 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), bittet um Erlaubnis zur Veröffentlichung und gibt eine URL aus, wenn Sie zustimmen. Öffnen Sie das neueste erneut mit Ctrl+].
Q. Kann jeder die Seite sehen? Kann ich sie öffentlich machen?
A. Sie ist nur organisationsintern; Sie können sie nicht öffentlich machen. Ein neues Artifact ist anfangs nur für Sie sichtbar; verwenden Sie Share in der Kopfzeile der Seite, um bestimmten Personen oder der gesamten Organisation Zugriff zu gewähren. Betrachter müssen als Mitglieder derselben Organisation bei claude.ai angemeldet sein, und es ist nur lesbar. Um es außerhalb der Organisation weiterzugeben, lassen Sie Claude die rohe HTML-Datei ausgeben.
Q. Kann ich eine funktionierende Web-App bauen?
A. Nein. Die Dokumentation nennt ein Artifact „eine Momentaufnahme der Arbeit, keine Anwendung." Es hat kein Backend, keine externen Anfragen (eine CSP blockiert fetch/XHR/WebSocket), eine einzelne Seite und ein Limit von ≤ 16 MiB. Wenn Sie Formularspeicherung oder API-Aufrufe 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 Juni 2026 ist es eine Team-/Enterprise-Beta (nicht Pro/Max). Bei Team standardmäßig aktiviert; bei Enterprise aktiviert ein Admin es. Sie benötigen 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, bestätigen Sie also den aktuellen Stand in der offiziellen Dokumentation.
