Skip to main content
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.
Ein Artefakt ist eine Live-, interaktive Webseite, die Claude Code aus Ihrer Sitzung auf einer privaten URL auf claude.ai veröffentlicht. Sie öffnen sie in einem Browser, und sie wird aktualisiert, während die Sitzung fortgesetzt wird. Teilen Sie sie über die Kopfzeile der Seite, wenn jemand anderes sie auch sehen soll.
Ein Artefakt, das in einem Browser unter claude.ai/code/artifact geöffnet ist. Die Kopfzeile des Viewers zeigt den Artefakttitel acme-funnel-fix, eine Schaltfläche zum Freigeben und den Avatar des Autors. Das Freigabemenü ist offen mit dem Schalter „Immer neueste Version freigeben", einer Versionswahl mit der Anzeige „Freigabe Version 2", einer Zielgruppenauswahl „Alle bei Acme" und einer Schaltfläche zum Kopieren des Links. Unter der Kopfzeile zeigt die Artefaktseite zwei mobile Mockups nebeneinander, ein Trichterdiagramm und eine Reihe von Metrik-Karten.

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
Siehe Was Sie erstellen können für Prompts, die zu diesen Szenarien passen, und Frische Daten mit MCP-Konnektoren abrufen für den Prompt des Konnektor-gestützten Boards.

Was ein Artefakt nicht ist

Ein Artefakt ist eine Erfassung von Arbeit: eine einzelne, in sich geschlossene Seite ohne Backend, daher kann es keine mehreren Routen bedienen. 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.
Sofern Sie keinen Speicherort angeben, schreibt Claude die Seite in eine HTML- oder Markdown-Datei in einem temporären Verzeichnis außerhalb Ihres Projekts und veröffentlicht sie dann. Das Veröffentlichen eines neuen Artefakts erfolgt über den Berechtigungsmodus Ihrer Sitzung:
  • Auto-Modus: Der Klassifizierer überprüft die Veröffentlichung, anstatt Sie zu fragen, sodass Claude eine Seite veröffentlichen kann, ohne dass Sie eine Aufforderung sehen. Welcher Modus Ihre Sitzungen starten, hängt von Ihrem Plan ab; siehe Der Startberechtigungsmodus.
  • Manueller Modus und Bearbeitungen akzeptieren-Modus: Claude Code fragt um Genehmigung; es könnte etwa sagen: Claude wants to publish deploy-failures.html, uploading it to claude.ai (Anthropic's servers) to host as the page "Deploy failures by service", private to you until you share it. Wählen Sie Ja, um zu veröffentlichen.
Nachdem Sie ein Artefakt einmal genehmigt haben, veröffentlicht Claude Code es erneut, ohne zu fragen, und fragt in einigen Fällen erneut, einschließlich wenn:
  • Claude deklariert eine Laufzeitfähigkeit für die Seite, wie Konnektor-Aufrufe oder Datei-Downloads
  • Sie haben es seitdem öffentlich freigegeben
  • Sie haben es seitdem mit bestimmten Personen oder Ihrer Organisation freigegeben, wobei die neueste Version als die Version ausgewählt ist, die Betrachter sehen
Nach der ersten Veröffentlichung druckt Claude die URL aus, und Ihr Browser öffnet die neue Seite. Wenn Sie die Aufforderung über Remote Control von claude.ai, Claude Desktop oder der Claude Mobile-App gesendet haben, öffnet sich auf dem Computer, auf dem die Sitzung läuft, keine Registerkarte. Der Browser öffnet sich dort beim nächsten Mal, wenn Claude das Artefakt aus einer Aufforderung veröffentlicht, die Sie im Terminal eingeben. Drücken Sie Ctrl+] jederzeit, um das neueste Artefakt der Sitzung erneut zu öffnen. Claude wählt den Titel des Artefakts und ein Emoji, und beide werden in Ihrer Galerie von Artefakten auf claude.ai und in freigegebenen Links angezeigt. Claude kann auch ein Browser-Tab-Symbol auswählen, das dem entspricht, was die Seite ist, wie ein Diagramm oder ein Kalender. Bitten Sie Claude um einen bestimmten Titel, ein bestimmtes Emoji oder ein bestimmtes Tab-Symbol, 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.
Jeder, der die Seite offen hat, sieht die Aktualisierung an Ort und Stelle. Jede Veröffentlichung wird zu einer Version, und aus der Freigabe-Kontrolle im Seitenkopf können Sie auswählen, welche Version Betrachter sehen. Um ein Artefakt aus einer anderen Sitzung zu aktualisieren, geben Sie Claude die URL des Artefakts, oder fügen Sie es mit /artifacts an. Ohne beides erstellt eine neue Sitzung immer ein neues Artefakt, anstatt ein vorhandenes zu aktualisieren.

Ein Artefakt erneut finden

Führen Sie /artifacts in Claude Code aus, um jedes Artefakt aufzulisten, das Sie besitzen, und jedes Artefakt, das mit Ihnen geteilt wurde. Wählen Sie eines aus und drücken Sie o, um es in Ihrem Browser zu öffnen, oder c, um seinen Link zu kopieren. Drücken Sie Enter, um es an die aktuelle Sitzung anzufügen; vor v2.1.216 öffnete Enter es in Ihrem Browser. Claude Code liest die Liste aus Ihrem claude.ai-Konto, daher funktioniert es in einer neuen Sitzung und nach /clear, wenn der Link aus dem Terminal gescrollt ist. Erfordert Claude Code v2.1.208 oder später.

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 verlinkt auch auf Ihre Galerie unter claude.ai/code/artifacts, die alle Artefakte auflistet, die Sie erstellt haben. Betrachter in Ihrer Organisation können sehen, wer die Seite veröffentlicht hat: Bei einem Artefakt, das innerhalb Ihrer Organisation freigegeben ist, ist Ihr Name im Titelmenü, und bei einem öffentlichen Artefakt ist es in der Seitenkopfzeile für angemeldete Betrachter in Ihrer Organisation. Ein Betrachter, der einen öffentlichen Link öffnet, ohne sich anzumelden, oder von außerhalb Ihrer Organisation, sieht das Label Content is user-generated and unverified. anstelle Ihres Namens. 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, oder fügt es aus /artifacts an, 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.

Ein mit Ihnen geteiltes Artefakt lesen

Wenn jemand ein Artefakt mit Ihnen teilt, können Sie Claude es lesen lassen: Geben Sie Claude seine URL oder fügen Sie es aus /artifacts an. Claude liest eine Seite, die jemand anderes geschrieben hat, auf die gleiche Weise wie eine Webseite mit WebFetch: Es erhält eine Zusammenfassung dessen, was es gefragt hat, anstelle der rohen Seite, und die Zusammenfassung meldet in die Seite geschriebene Anweisungen, anstatt sie weiterzuleiten. Claude Code speichert auch den vollständigen Quellcode der Seite in einer lokalen Datei, die Claude öffnen kann, wenn es den genauen Inhalt benötigt, z. B. um das Artefakt als Editor erneut zu veröffentlichen.

Sammeln Sie Kommentare zu einem Artefakt

Wenn Sie ein Artefakt innerhalb Ihrer Organisation freigeben, können die Personen, mit denen Sie es teilen, Kommentare auf der Seite hinterlassen, und Sie können Claude diese Kommentare lesen und darauf antworten lassen. Sie benötigen Claude Code v2.1.221 oder später und einen Team- oder Enterprise-Plan, da nur ein Artefakt, das Sie innerhalb Ihrer Organisation freigeben, Kommentare akzeptiert. Claude liest die Kommentare in zwei Fällen:
  • Sie bitten Claude, sie zu lesen: Geben Sie Claude die URL des Artefakts und bitten Sie um die Kommentare. Claude listet jeden Thread auf und markiert die Kommentare, die jemand, der das Artefakt bearbeiten kann, an ihn gesendet hat.
  • Jemand, der das Artefakt bearbeiten kann, sendet einen Kommentar an Claude: In einem Thread auf der Seite sendet er oder sie einen Kommentar mit An Claude senden, oder erwähnt @claude in einem. Auf beide Arten aktivieren sie den Thread.
Claude kann nur auf einen aktivierten Thread antworten oder ihn auflösen. Andere Threads bleiben offen, bis eine Person sie auf der Seite auflöst. Betrachter sehen jede Antwort, die Claude zugeordnet ist, über Sie. Wenn Sie ein Artefakt öffentlich freigeben, können Betrachter keine Kommentare hinterlassen: Die Seite sagt Comments aren't available while this Artifact is shared publicly. Um ein Artefakt, das bereits Kommentar-Threads hat, auf einen öffentlichen Link umzuschalten, löschen Sie die Threads zuerst. Um die Kommentare selbst zu erfragen, geben Sie Claude die URL:
Wenn Claude Ihnen sagt, dass es keine Kommentare lesen kann, bestätigen Sie Ihre Version, Ihre Sitzung und Ihre Feature-Flag-Einstellung:
  • Sie führen Claude Code v2.1.221 oder später aus.
  • Sie befinden sich nicht in Ihrer ersten Sitzung, seit Sie Claude Code installiert oder von einer Version vor v2.1.221 aktualisiert haben. In dieser ersten Sitzung nach einer Installation oder einem Upgrade kann Claude möglicherweise noch keine Kommentare lesen; starten Sie eine neue Sitzung und fragen Sie erneut.
  • Sie haben das Abrufen von Feature-Flags nicht ausgeschaltet.

Lassen Sie Claude auf Kommentare von selbst antworten

Nachdem Ihre Sitzung ein Artefakt veröffentlicht hat, überwacht Claude Code dieses Artefakt auf Kommentare, solange die Sitzung läuft. Wenn jemand, der das Artefakt bearbeiten kann, einen Kommentar an Claude sendet, erreicht er Ihre Sitzung sofort, und Claude kann den Thread lesen und antworten, ohne dass Sie fragen. Sie benötigen Claude Code v2.1.228 oder später. Wenn Sie das Abrufen von Feature-Flags ausgeschaltet haben, überwacht Claude Code keine Kommentare. Ihr Berechtigungsmodus entscheidet, was Claude tut, wenn ein gesendeter Kommentar ankommt:
  • Claude antwortet von selbst: Wenn Ihr Berechtigungsmodus Claude ermöglicht, die Antwort zu posten, ohne Sie zu fragen, liest Claude den Thread und antwortet, und bearbeitet das Artefakt, wenn der Kommentar eine Änderung verlangt. Sie sehen Auto-replied to comment thread on Artifact: <name> oder Auto-edited Artifact: <name> in response to a comment thread.
  • Claude wartet auf Sie: Außerhalb des Plan-Modus, wenn das Posten der Antwort Ihre Genehmigung benötigen würde, sehen Sie Comments are waiting on Artifact: <name>. Claude fragt Sie dann um Genehmigung, um den Thread zu lesen, und erneut, um die Antwort zu posten.
  • Claude pausiert im Plan-Modus: Sie sehen Comments are waiting on Artifact: <name>, und Claude antwortet nicht, bis Sie den Plan-Modus verlassen und es bitten, zu lesen und zu antworten.
Claude stoppt auch das automatische Antworten auf ein Artefakt, nachdem es 60 gesendete Kommentare oder Thread-Aktivierungen auf diesem Artefakt innerhalb einer Stunde bearbeitet hat. Sie sehen Comments are waiting on Artifact: <name> einmal, und Claude nimmt wieder auf, wenn diese Stunde Kommentare veralten. Führen Sie /tasks aus, um jedes Artefakt zu sehen, das Ihre Sitzung überwacht, aufgelistet als eine Live-Updates-Aufgabe. Sie können Claude auf folgende Weise davon abhalten, von selbst zu antworten:
  • Drücken Sie Ctrl+C einmal bei einer leeren Eingabeaufforderung: Claude pausiert das Antworten auf jedem Artefakt, das Ihre Sitzung überwacht. Antworten beginnen wieder, nachdem Sie Ihre nächste Nachricht senden.
  • Stoppen Sie die Aufgabe in /tasks: Claude stoppt das Antworten auf diesem Artefakt, bis Sie es bitten, Antworten dort zu fortsetzen. Das erneute Veröffentlichen des Artefakts startet Antworten nicht erneut, und der Stopp gilt immer noch, wenn Sie die Sitzung später fortsetzen.
  • Drücken Sie Ctrl+X Ctrl+K zweimal innerhalb von 3 Sekunden: Der Akkord, der jeden laufenden Hintergrund-Subagenten stoppt, stoppt auch Claude vom Antworten auf jedem Artefakt für den Rest der Sitzung. Das Bitten von Claude, Antworten zu fortsetzen, macht diesen Stopp nicht rückgängig.
Wenn der Dienst, der Kommentare liefert, nicht verfügbar wird oder nicht mehr antwortet, versucht Claude Code, sich eine Weile erneut zu verbinden, und stoppt dann die Überwachung jedes Artefakts, das Ihre Sitzung überwacht hat.

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 Konnektor-gestützte Seite zu erstellen, nennen Sie den Konnektor und die gewünschten Daten in Ihrer Eingabeaufforderung:
Claude deklariert, welche Konnektoren die Seite aufrufen darf, als Teil der Veröffentlichung, und die Seite kann keine Konnektoren außerhalb dieser Deklaration aufrufen. Nur Konnektoren aus Ihrem claude.ai-Konto kommen in Frage: Claude benennt sie in der Deklaration, und wenn jemand die Seite anzeigt, wird jeder Aufruf über die eigene Verbindung des anzeigenden Kontos zu diesem Konnektor ausgeführt. Lokale MCP-Server, die Sie in Claude Code konfigurieren, wie Server aus .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 Konnektor-Tools 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.
Wenn Sie planen, eine Konnektor-gestützte Seite freizugeben, bitten Sie Claude, in jedem Live-Abschnitt eine Fallback-Nachricht einzufügen, die den benötigten Konnektor benennt. Ein Betrachter, dem die Verbindung fehlt, sieht dann, was verbunden werden muss, anstatt eines leeren Abschnitts. Ein Artefakt, das Konnektoren aufruft, kann in keinem Plan über einen öffentlichen Link freigegeben werden. In den Plänen Team und Enterprise können Sie es privat halten oder es innerhalb Ihrer Organisation freigeben. In den Plänen Pro und Max, bei denen ein öffentlicher Link die einzige Möglichkeit zum Freigeben ist, bleibt ein Konnektor-gestütztes Artefakt privat für Sie.

Die Seite zeigt für einen Betrachter keine Live-Daten an

Wenn eine Konnektor-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 Seitenladevorgangs. 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.
  • Die Seite ruft Tool-Namen auf, die der Konnektor nicht verfügbar macht: Die betroffenen Abschnitte bleiben für alle leer, einschließlich Sie. Dies kann vorkommen, wenn eine Seite die einzelnen Tools hinter einem Gateway-ähnlichen Konnektor benennt, der nur wenige seiner eigenen Tools verfügbar macht. Bitten Sie Claude, die Tool-Namen zu korrigieren, die die Seite aufruft, und veröffentlichen Sie sie erneut. Wenn Claude die Seite veröffentlicht und die Tools dieses Konnektors in Ihrer Sitzung verfügbar sind, überprüft Claude Code die Tool-Namen, die die Seite deklariert, anhand dieser, warnt Claude vor Namen, die nicht übereinstimmen, und weigert sich zu veröffentlichen, wenn keine übereinstimmen. Vor v2.1.265 wurde die Seite ohne Überprüfung veröffentlicht.

Dateidownload anbieten

Ein Artefakt kann Betrachtern eine Datei anbieten, die die Seite generiert, z. B. einen CSV-Export einer Tabelle oder ein PNG eines Diagramms. Der Betrachter speichert sie über ein Download-Steuerelement auf der Seite, z. B. eine Schaltfläche. Dateidownloads sind eine Laufzeitfunktion, die claude.ai pro Konto aktiviert, daher prüft Claude, ob Ihr Konto diese Funktion hat, bevor es das Steuerelement erstellt. Betrachter können eine Datei nicht über einen gewöhnlichen Download-Link oder ein Skript auf der Seite speichern, da der Artefakt-Viewer auf claude.ai jeden Download blockiert, den die Seite selbst startet, einschließlich Links zu data:- oder blob:-URLs. Wenn eine Seite auf diese Weise erstellte Download-Schaltflächen hat, bitten Sie Claude, diese mit der Downloads-Funktion neu zu erstellen. Um eine Datei anzubieten, fordern Sie das Steuerelement und das Dateiformat in Ihrer Eingabeaufforderung an:
Claude deklariert die Downloads-Funktion als Teil der Veröffentlichung, auf die gleiche Weise wie es Konnektoren deklariert.

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

Claude wendet 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. Design-Token sind die benannten Farb-, Typografie- und Abstands-Werte, die Ihr Design-System wiederverwenden. Um Artefakte konsistent mit dem Branding Ihres Produkts zu halten, notieren Sie sie dort, wo Claude sie finden kann, wie in der CLAUDE.md des Projekts oder einer Theme-Datei in Ihrem Repository:
Claude behandelt Ihr Design-System als höhere Priorität als seine eigenen Entscheidungen, und Ihren Prompt als höhere Priorität als beide. Die Überschrift und das Format oben sind ein Beispiel; jede klare Liste von Farben, Schriftarten und Abstände funktioniert. Für Typografie kann Claude eine Schriftart von Google Fonts laden, der einzigen externen Schriftquelle, die eine Artefakt-Seite laden kann. Claude inline jede andere Schriftart als @font-face Data-URI und gibt jeder Schriftart einen Fallback-Stack, sodass die Seite immer noch gerendert wird, wenn eine Schriftart nicht geladen wird. Um eine bestimmte Schriftart zu verwenden, nennen Sie sie in Ihrem Prompt oder Ihrem Design-System.

Entwerfen Sie eine Design-Canvas

Um eine Benutzeroberfläche, einen Bildschirmfluss, eine Landing Page oder ein Poster zu skizzieren, anstatt eine Seite zu erstellen, führen Sie /design mit einer kurzen Beschreibung aus. Claude entwirft das Design als Artboards auf einer Canvas und veröffentlicht die Canvas als Design-Artefakt. Die Beschreibung nennt, was Sie gezeichnet haben möchten:
Öffnen Sie das veröffentlichte Artefakt in einem Desktop-Browser, um die Artboards zu überprüfen. Wählen Sie ein Element auf einem Artboard aus und ändern Sie es, und Ihre Änderungen werden automatisch gespeichert. Sie können jedes Artboard als PNG oder PDF exportieren. /design erfordert eine Sitzung, in der Artefakte verfügbar sind, und Claude Code v2.1.265 oder später.

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. Ob Artefakte für Ihre Organisation zulässig sind, ergibt sich aus der Richtlinie Ihrer Organisation, die Claude Code von api.anthropic.com lädt. Wenn Claude Code die Richtlinie nicht laden kann, sind Artefakte nicht verfügbar. Wenn Sie um eines bitten, sagt Claude, warum. Wenn ein Proxy, VPN oder Web-Filter beteiligt ist, bitten Sie Ihren IT-Administrator, api.anthropic.com durchzulassen. Claude Code versucht es im Hintergrund weiterhin, und Artefakte werden verfügbar, sobald die Richtlinie geladen wird und sie zulässt.

Deaktivieren Sie Artefakte

Um Artefakte für Ihre eigenen Sitzungen unabhängig von der Einstellung Ihrer Organisation auszuschalten, verwenden Sie eine der folgenden Optionen: Sobald Sie Artefakte in einer --settings-Datei oder mit CLAUDE_CODE_DISABLE_ARTIFACT ausschalten, oder Ihr Administrator schaltet sie in verwalteten Einstellungen aus, schaltet keine Einstellungsdatei sie wieder ein. Vor v2.1.242 konnte eine Datei höher im Prioritätsstapel Artefakte wieder einschalten, selbst wenn eine Datei mit niedrigerer Priorität "enableArtifact": false setzte. Sie können auch "enableArtifact": false in der .claude/settings.json oder .claude/settings.local.json eines Projekts setzen, um Artefakte für Sitzungen in diesem Projekt auszuschalten. Ein "enableArtifact": true in einer der beiden Dateien schaltet sie nicht wieder ein. Das Ehren des Schlüssels in Projekt- und lokalen Einstellungen erfordert Claude Code v2.1.242 oder später. Wenn Sie eine WebFetch-Ablehnungs- oder Anfrage-Regel ohne domain:-Teil hinzufügen, schaltet sie Artefakte nicht aus und blockiert auch keine Artefakt-Lesevorgänge. Eine WebFetch(domain:claude.ai)-Regel in deny oder ask gilt für Artefakt-Lesevorgänge.

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-Konnektoren 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 den claude_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. Ein Artefakt, das eine Schriftart von Google Fonts lädt, fordert auch fonts.googleapis.com und fonts.gstatic.com an. Beide Hosts sind optional. Wenn Sie sie blockieren, werden Artefakte in Fallback-Schriftarten gerendert. Blockieren Sie mit einer schnellen Ablehnung, anstatt eines stillen Drops, damit die Schriftartanfrage sofort fehlschlägt, anstatt das erste Rendern der Seite zu verzögern. Artefakte können auch JavaScript-Bibliotheken wie React oder ein Charting-Paket von cdnjs.cloudflare.com, cdn.jsdelivr.net, cdn.tailwindcss.com, code.jquery.com und unpkg.com laden, und von keinem anderen externen Host. Wenn Sie diese Hosts blockieren, funktionieren die Teile eines Artefakts, die von einer Bibliothek abhängen, nicht, und im Gegensatz zu einer blockierten Schriftart hat eine blockierte Bibliothek keinen Fallback. Blockieren Sie auch hier mit einer schnellen Ablehnung, damit eine blockierte Bibliotheksanfrage sofort fehlschlägt, anstatt zu hängen, bis sie abläuft.

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.
  • 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