Artefakte sind auf Pro-, Max-, Team- und Enterprise-Plänen verfügbar und erfordern eine Sitzung, die mit
/login angemeldet ist. Siehe Verfügbarkeit für die vollständige Liste der Anforderungen.
Wann Sie ein Artefakt verwenden sollten
Verwenden Sie ein Artefakt, wenn Terminaltext das falsche Medium für das ist, was Claude produziert hat: Ausgabe, die leichter anzusehen und zu interagieren ist als zeilenweise zu lesen. Claude erstellt die Seite aus allem, das Ihre Sitzung erreichen kann, einschließlich Ihrer Codebasis und Daten, die es durch Ihre verbundenen Tools abruft, sodass die Seite Dinge anzeigen kann, die Absätze zu beschreiben erfordern würden. Bitten Sie Claude beispielsweise um:- Einen Reviewer durch einen Pull Request mit kommentierten Diffs zu führen
- Ein Dashboard aus Daten zu rendern, die die Sitzung bereits abgerufen hat
- Mehrere Design- oder Implementierungsoptionen nebeneinander anzuordnen
- Eine Untersuchungs-Timeline zu führen, die sich füllt, während eine lange Aufgabe läuft
- Einem Teamkollegen einen Link zu senden, anstatt die Ausgabe in Slack einzufügen
- Ein Status-Board zu veröffentlichen, das bei jedem Öffnen frische Daten durch MCP-Konnektoren abruft
Was ein Artefakt nicht ist
Ein Artefakt ist eine Erfassung von Arbeit, keine Anwendung. Es ist eine einzelne, in sich geschlossene Seite ohne Backend, daher kann es keine Formulareingaben speichern oder mehrere Routen bedienen, und sein einziger Weg zu externen Daten, wenn jemand es anzeigt, ist das Aufrufen von MCP-Konnektoren. Für ein gehostetes internes Tool mit einem Backend stellen Sie es stattdessen auf Ihrer eigenen Infrastruktur bereit. Siehe Seitenbeschränkungen für die vollständige Liste der Limits.Erstellen Sie ein Artefakt
Claude kann ein Artefakt von selbst veröffentlichen, wenn die Ausgabe für eine Seite geeignet ist, oder Sie können direkt danach fragen. Um zu fragen, nennen Sie die Funktion oder beschreiben Sie die visuelle Ausgabe, die Sie in einfacher Sprache möchten. Ein guter Kandidat ist alles, das leichter zu sehen als als Text zu lesen ist, wie ein kommentierter Diff, ein Diagramm oder eine Reihe von Optionen zum Vergleichen. Die folgenden Prompts sind zwei Beispiele; siehe Was Sie erstellen können für weitere Muster.Claude wants to publish "Deploy failures by service" (deploy-failures.html) to a private page on claude.ai. Das erneute Veröffentlichen eines Artefakts, das Sie bereits genehmigt haben, wird nicht erneut angefordert.
Wählen Sie Ja, um zu veröffentlichen. Claude gibt die URL aus, und Ihr Browser öffnet die neue Seite. Drücken Sie Ctrl+] jederzeit, um das neueste Artefakt aus dem Terminal erneut zu öffnen.
Claude wählt den Titel des Artefakts und ein Emoji für sein Browser-Tab-Symbol. Beide werden in Ihrer Galerie von Artefakten auf claude.ai und in freigegebenen Links angezeigt, daher bitten Sie Claude, einen bestimmten Titel oder ein bestimmtes Symbol zu verwenden, wenn Sie einen möchten.
Um zu verhindern, dass der Browser automatisch geöffnet wird, wenn ein neues Artefakt veröffentlicht wird, setzen Sie CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 in Ihrer Umgebung.
Wenn Claude antwortet, dass es nicht veröffentlichen kann, oder eine lokale HTML-Datei ohne Link schreibt, ist das Tool für Ihre Sitzung nicht aktiviert. Überprüfen Sie die Verfügbarkeits-Anforderungen.
Aktualisieren Sie ein Artefakt
Bitten Sie Claude, die Seite zu überarbeiten, oder lassen Sie eine lange laufende Aufgabe erneut veröffentlichen, während sie Fortschritte macht. Claude bearbeitet die zugrunde liegende Datei und veröffentlicht sie erneut unter derselben URL.Ein Artefakt teilen
Ein neues Artefakt ist zunächst nur für Sie sichtbar. Um es zu teilen, öffnen Sie das Artefakt in Ihrem Browser und verwenden Sie die Freigabe-Kontrolle in der Seitenkopfzeile. Die Kopfzeile nennt Sie als Autor des Artefakts, sodass jeder, mit dem Sie es teilen, sehen kann, wer die Seite veröffentlicht hat. Sie verlinkt auch auf Ihre Galerie unter claude.ai/code/artifacts, die alle Artefakte auflistet, die Sie erstellt haben. Mit wem Sie teilen können, hängt von Ihrem Plan ab:- Innerhalb Ihrer Organisation: Bei Team- und Enterprise-Plänen können Sie Zugriff auf bestimmte Personen in Ihrer Organisation oder auf alle gewähren. Betrachter melden sich bei claude.ai als Mitglieder Ihrer Organisation an, um die Seite zu sehen.
- Öffentlich: Teilen Sie einen Link, den jeder im Internet öffnen kann, ohne sich bei claude.ai anmelden zu müssen. Bei Pro- und Max-Plänen ist ein öffentlicher Link die einzige Möglichkeit, ein Artefakt zu teilen. Bei Team- und Enterprise-Plänen ist die öffentliche Freigabe deaktiviert, bis ein Eigentümer sie für die Organisation aktiviert.
Lassen Sie jemanden mit Ihnen bearbeiten
Personen, mit denen Sie teilen, sind standardmäßig Betrachter: Sie sehen jede Version, die Sie veröffentlichen, können aber die Seite nicht ändern. Bei Team- und Enterprise-Plänen können Sie jemanden auch zum Bearbeiter machen. Fügen Sie im Freigabedialog eine Person hinzu und ändern Sie ihre Rolle von Betrachter zu Bearbeiter. Ein Bearbeiter veröffentlicht neue Versionen auf die gleiche Weise wie Sie das Artefakt aus einer anderen Sitzung aktualisieren: Er oder sie gibt Claude die URL des Artefakts in seiner oder ihrer eigenen Sitzung, und Claude ruft den aktuellen Inhalt ab und veröffentlicht ihn mit seinen oder ihren Änderungen erneut. Jeder, der die Seite offen hat, sieht jede Aktualisierung live.Live-Daten mit MCP-Konnektoren abrufen
Ein Artefakt kann MCP-Konnektoren jedes Mal aufrufen, wenn jemand es anzeigt, sodass die Seite aktuelle Daten anstelle eines Snapshots aus der Sitzung anzeigt, in der sie erstellt wurde. Konnektoraufrufe aus Artefakten sind in den Plänen Pro, Max, Team und Enterprise verfügbar und erfordern Claude Code v2.1.209 oder später. In früheren Versionen veröffentlicht Claude die Seite mit den Daten, die die Sitzung während der Erstellung gesammelt hat. Um eine Konnektoren-gestützte Seite zu erstellen, nennen Sie den Konnektor und die gewünschten Daten in Ihrer Eingabeaufforderung:.mcp.json, können Daten liefern, während Claude die Seite erstellt, aber die veröffentlichte Seite kann sie nicht aufrufen.
Die Seite ruft Daten beim Laden ab und kann in einem Intervall aktualisiert werden oder wenn ein Betrachter ein Aktualisierungssteuerelement auf der Seite verwendet. Antworten werden im Browser des Betrachters zwischengespeichert, sodass eine erneut geöffnete Seite sofort aus den zwischengespeicherten Antworten gerendert wird und sich dann mit frischen Ergebnissen aktualisiert.
Funktionsweise von Konnektoraufrufen für Betrachter
Wenn eine veröffentlichte Seite einen Konnektor aufruft, verwendet der Aufruf das Konto der Person, die die Seite anzeigt, nicht das Konto der Person, die sie veröffentlicht hat:- Jeder Betrachter verwendet seine eigenen Konnektoren: Aufrufe erfolgen über die verbundenen Tools des anzeigenden Kontos, sodass zwei Personen, die dasselbe Dashboard öffnen, je nach dem, worauf ihre Konten zugreifen können, unterschiedliche Daten sehen können. Die Seite sieht niemals die Anmeldedaten von jemandem; claude.ai führt die Aufrufe im Namen der Seite aus.
- Betrachter genehmigen den Zugriff zuerst: claude.ai fragt jeden Betrachter um Genehmigung, bevor der erste Konnektoraufruf der Seite erfolgt. Ein Betrachter, der ablehnt oder keinen Konnektor verbunden hat, den die Seite verwendet, sieht die Seite immer noch ohne ihre Live-Abschnitte.
- Aktionen verwenden auch das Konto des Betrachters: Eine Seite kann Steuerelemente anbieten, die Konnektortools mit Nebenwirkungen aufrufen, z. B. das Posten einer Nachricht oder das Aktualisieren eines Problems. Die Aktion erfolgt über das Konto derjenigen Person, die das Steuerelement auswählt.
Die Seite zeigt keine Live-Daten für einen Betrachter
Wenn eine Konnektoren-gestützte Seite gerendert wird, aber ihre Live-Abschnitte für jemanden, mit dem Sie sie geteilt haben, leer bleiben, arbeiten Sie diese Ursachen durch:- Der Betrachter hat den Konnektor nicht verbunden: Konnektoren sind pro Konto, daher benötigt jeder Betrachter seine eigene Verbindung zu jedem Konnektor, den die Seite aufruft. Sie können einen unter Einstellungen > Konnektoren auf claude.ai hinzufügen und dann die Seite neu laden.
- Der Betrachter hat die Genehmigungsanfrage abgelehnt: Eine Ablehnung gilt für den Rest dieses Seitenladegangs. Das Neuladen der Seite bringt die Genehmigungsanfrage zurück.
- Konnektoraufrufe sind für die Organisation deaktiviert: Ein Besitzer steuert den Artefakt-Konnektoren aktivieren-Schalter in den Admin-Einstellungen.
Was Sie erstellen können
Ein Artefakt ist eine einzelne HTML-Seite, daher ist alles, das Sie in HTML, CSS und Inline-JavaScript ausdrücken können, im Umfang enthalten. Die folgenden Muster treten am häufigsten auf.Gehen Sie durch eine Änderung
Bitten Sie um eine Seite, die einen Diff oder eine Designänderung mit Anmerkungen neben den relevanten Zeilen rendert, damit Reviewer Ihre Begründung neben dem Code lesen können, anstatt sie aus einer Beschreibung zu rekonstruieren.Vergleichen Sie Alternativen
Bitten Sie um mehrere Varianten auf einer Seite, damit Sie sie gegeneinander bewerten können. Dies funktioniert für Layouts, Kopien, API-Formen oder Implementierungspläne.Optimieren Sie mit interaktiven Steuerelementen
Bitten Sie um Schieberegler, Umschalter oder Eingabefelder, die an das gebunden sind, das Sie anpassen, damit Sie Werte direkt erkunden können, anstatt sie zu beschreiben.Bringen Sie das Ergebnis zurück zu Ihrer Sitzung
Ein Artefakt kann als leichter Editor für eine Entscheidung fungieren, die Sie dann an Claude zurückgeben. Bitten Sie um ein Exportsteuerelement, das Text erzeugt, den Sie in das Terminal einfügen können, damit das Ergebnis der Interaktion mit der Seite zurück in die Sitzung fließt, anstatt auf der Seite zu bleiben.Verfolgen Sie laufende Arbeiten
Bitten Sie Claude, ein Artefakt aktuell zu halten, während eine lange Aufgabe läuft, damit jeder mit dem Link folgen kann, ohne das Terminal zu lesen.Verbessern Sie das visuelle Design
Ab Claude Code v2.1.183 wendet Claude eine integrierte Design-Fähigkeit an, wenn es ein Artefakt erstellt, sodass Seiten eine absichtliche Palette, Typografie und Layout ohne zusätzliche Aufforderung erhalten. Diese Fähigkeit sucht auch nach einem vorhandenen Design-System in Ihrem Projekt, bevor es sein eigenes auswählt. Um Artefakte konsistent mit dem Branding Ihres Produkts zu halten, notieren Sie Ihre Design-Token dort, wo Claude sie finden kann, wie in der CLAUDE.md des Projekts oder einer Theme-Datei in Ihrem Repository:Seitenbeschränkungen
Jedes Artefakt ist eine einzelne, in sich geschlossene Seite. Claude Code umhüllt die Datei, die Sie veröffentlichen, in einer HTML-Dokumentshell und bedient sie unter einer strikten Content Security Policy (CSP), die formt, was die Seite tun kann.
Das Generieren eines Artefakts verwendet Ausgabe-Token wie jede andere Antwort, und eine gestylte Seite ist token-intensiver als derselbe Inhalt als Terminaltext. Inline-CSS, JavaScript für interaktive Steuerelemente und besonders Bilder, die als Data-URIs eingebettet sind, sind die Hauptbeiträge. Um die Token-Kosten eines Artefakts zu reduzieren:
- Bevorzugen Sie SVG oder HTML und CSS für Diagramme gegenüber eingebetteten Rasterbildern
- Lassen Sie Interaktivität weg, die Sie nicht benötigen
- Lassen Sie die Seite große Datensätze zusammenfassen, anstatt sie vollständig inline zu verwenden
Verfügbarkeit
Artefakte erfordern jede Bedingung unten. Wenn eine nicht erfüllt ist, schreibt Claude eine lokale HTML-Datei oder sagt, dass es nicht veröffentlichen kann.Deaktivieren Sie Artefakte
Um Artefakte für Ihre eigenen Sitzungen unabhängig von der Einstellung Ihrer Organisation auszuschalten, verwenden Sie eine der folgenden Optionen:Verwalten Sie Artefakte für Ihre Organisation
Inhaber bei Team- und Enterprise-Plänen steuern Artefakte aus claude.ai Admin-Einstellungen. Der Artefaktinhalt wird auf von Anthropic betriebener Infrastruktur gespeichert und ist nur für authentifizierte Mitglieder der veröffentlichenden Organisation sichtbar, es sei denn, das Artefakt wird öffentlich freigegeben.Aktivieren oder deaktivieren Sie Artefakte
Um Artefakte für die gesamte Organisation zu aktivieren oder zu deaktivieren, gehen Sie zu Einstellungen > Claude Code > Funktionen und verwenden Sie den Umschalter Artefakte. Bei Enterprise-Plänen mit rollenbasierter Zugriffskontrolle können Sie Artefakte zusätzlich auf bestimmte Rollen beschränken: Gehen Sie zu Einstellungen > Rollen, bearbeiten Sie eine Rolle und setzen Sie die Berechtigung Artefakte unter der Gruppe Claude Code.Steuern Sie Connector-Aufrufe aus Artefakten
Connector-Aufrufe aus Artefakten haben ihren eigenen Umschalter, getrennt vom Umschalter Artefakte, der Artefakte ein- oder ausschaltet. Gehen Sie zu Einstellungen > Funktionen und verwenden Sie den Umschalter Artefakt-Connectoren aktivieren. Der gleiche Umschalter regelt Connector-Aufrufe aus Artefakten, die in claude.ai-Gesprächen erstellt wurden, weshalb er unter Einstellungen > Funktionen statt unter Einstellungen > Claude Code angeordnet ist.Steuern Sie die öffentliche Freigabe
Die öffentliche Freigabe ist standardmäßig bei Team- und Enterprise-Plänen deaktiviert, sodass Mitglieder Artefakte nur innerhalb der Organisation freigeben können, bis ein Inhaber sie aktiviert. Um Mitgliedern zu ermöglichen, Artefakte auf öffentliche Links zu veröffentlichen, die jeder ohne Anmeldung anzeigen kann, gehen Sie zu Einstellungen > Claude Code > Funktionen und aktivieren Sie Externe Freigabe unter dem Umschalter Artefakte. Wenn Sie ihn wieder ausschalten, wird der Zugriff über vorhandene öffentliche Links blockiert, ohne die Zielgruppe jedes Artefakts zu ändern; der Zugriff wird wiederhergestellt, wenn Sie ihn erneut aktivieren.Legen Sie eine Aufbewahrungsrichtlinie fest
Um festzulegen, wie lange Artefakte vor automatischer Löschung aufbewahrt werden, gehen Sie zu Einstellungen > Datenschutz- und Datenschutzkontrollen. Sie können separate Aufbewahrungszeiträume für Artefakte festlegen, die noch privat für ihren Autor sind, und Artefakte, die freigegeben wurden.Überprüfen Sie das Audit-Protokoll
Das Veröffentlichen, Freigeben und Löschen eines Artefakts wird jeweils in dem Audit-Protokoll Ihrer Organisation unter denclaude_artifact_*-Ereignistypen angezeigt, der gleichen Familie, die für Artefakte verwendet wird, die in claude.ai-Gesprächen erstellt werden.
Allowlist die Viewer-Domain
Der Viewer auf claude.ai lädt jedes Artefakt aus einer Sandbox-*.claudeusercontent.com-Origin. Wenn Ihre Organisation den ausgehenden Netzwerkzugriff einschränkt, fügen Sie diese Domain zu Ihrer Allowlist neben claude.ai hinzu. Siehe Netzwerkzugriffsanforderungen für die vollständige Liste.
Listen Sie Artefakte mit der Compliance API auf und löschen Sie sie
Die Compliance API bietet Endpunkte zum Auflisten der Artefakte einer Organisation, zum Abrufen des Inhalts einer bestimmten Version und zum Löschen eines Artefakts:
Für die Request- und Response-Schemas siehe die Compliance API-Referenz.
Verwandte Ressourcen
- Durchsuchen Sie Prompting-Muster und Workflows, die mit Artefakten gepaart sind
- Verwandeln Sie einen Artefakt-Prompt, den Sie wiederverwenden, in einen Skill, damit Sie ihn als Befehl aufrufen können
- Verbinden Sie MCP-Server, damit Claude Daten in ein Artefakt abrufen kann, während es die Seite erstellt