Ein Artefakt ist ein eigenständiges Ergebnis, das Claude neben dem Chat baut: eine Webseite, ein kleines Werkzeug, ein Dashboard, ein Dokument oder ein Spiel. Du siehst es sofort in einem eigenen Fenster rechts und kannst es benutzen, ändern lassen und teilen. Programmieren musst du dafür nicht, du beschreibst in normaler Sprache, was du willst.
Unten findest du zehn echte Artefakte, die du anklicken kannst. Sie laufen alle als eigene Website, nicht mehr in Claude. Vorher kurz, was ein Artefakt technisch ist und wo seine Grenzen liegen.
Was ein Artefakt ist
Anthropic beschreibt ein Artefakt als alles, was Claude für dich macht und was du jemandem zeigen würdest: ein Entwurf, eine Präsentation, ein Dokument, ein Dashboard oder ein kleines interaktives Werkzeug.
Technisch ist ein Artefakt meistens Code. Eine Seite ist HTML mit etwas CSS und JavaScript. Ein interaktives Werkzeug ist oft eine React-Komponente, also JavaScript in einer bestimmten Form. Claude schreibt diesen Code und führt ihn gleich aus, deshalb siehst du nicht den Code, sondern das Ergebnis. Über einen Knopf kannst du jederzeit zum Code wechseln.
Neben Seiten und Werkzeugen gibt es weitere Arten: Diagramme, Grafiken im SVG-Format, Textdokumente und seit 2026 auch Vorlagen für Präsentationen, Dokumente und Entwürfe.
Wann Claude ein Artefakt baut
Du musst nicht ausdrücklich nach einem Artefakt fragen. Laut Hilfe von Anthropic baut Claude eines, wenn der Inhalt umfangreich und in sich abgeschlossen ist, in der Regel mehr als etwa fünfzehn Zeilen, und wenn du ihn vermutlich weiterbearbeiten oder ausserhalb des Chats verwenden willst.
In der Praxis hilft es trotzdem, es zu sagen. „Baue mir als Artefakt einen Rechner für …“ führt zuverlässig zum Ziel. Eine kurze Frage wie „Wie rechne ich Mehrwertsteuer?“ ergibt dagegen eine Antwort im Chat.
Damit Artefakte funktionieren, muss in den Einstellungen die Code-Ausführung eingeschaltet sein. Sie heisst „Code-Ausführung und Dateierstellung“ und steht in den Einstellungen unter „Funktionen“. In Team- und Enterprise-Konten entscheidet das die Organisation. Fehlt die Einstellung, zeigt Claude den Code, aber keine Vorschau.
Zehn Beispiele
Die folgenden zehn Artefakte sind im Chat mit einer KI entstanden und laufen heute als eigene Seite unter einer Adresse bei sharepa. Jedes zeigt eine andere Art, wie man Artefakte nutzen kann.
1. Drum-Machine
Ein Sequencer mit fünf Spuren, auf dem du Beats klickst und abspielst. Eine Spur nimmt einen eigenen Ton über das Mikrofon auf, und das Muster lässt sich als Audiodatei herunterladen. Das Beispiel zeigt, wie weit ein Artefakt gehen kann: Ton, Mikrofon und Download laufen komplett im Browser. Drum-Machine öffnen
Der Prompt dazu war kurz: „Baue mir eine Drum-Machine als Artefakt. 16-Step-Sequencer mit 5 Spuren: Kick, Snare, Hi-Hat, Clap und eine leere ‚Eigener Sound‘-Spur. Für die ‚Eigener Sound‘-Spur: ein Mikrofon-Aufnahme-Button. Ein ‚Als Audio herunterladen‘-Button, der eine Schleife des aktuellen Patterns zum Download anbietet.“
2. Dashboard mit Verkaufszahlen
Aus einer Tabelle mit Verkäufen wird ein Dashboard mit Kennzahlen, Säulendiagramm, Anteilen nach Land und einer sortierbaren Tabelle. Die Daten stecken im Artefakt selbst, deshalb läuft es ohne Verbindung zu einer Datenbank. Dashboard öffnen
Der Prompt begann mit „Bau mir aus den Daten ein Dashboard“, gefolgt von einer Liste: Kennzahlenreihe oben, Säulendiagramm pro Monat nach Land mit Tooltip, zwei Panels mit Balken, eine Tabelle mit sortierbaren Spalten, „hell und luftig, viel Weissraum“. Die Daten hingen als Datei am Chat.
3. Offerten-Rechner für einen Malerbetrieb
Kundinnen geben Fläche, Zustand und Farbe ein und sehen sofort einen Richtpreis in Franken. Ein Knopf führt zur Anfrage. Für kleine Betriebe ist das einer der nützlichsten Einsätze: ein Rechner, der Anfragen vorsortiert, ohne Programmierer. Rechner öffnen
4. Speisekarte eines Cafés
Eine Speisekarte mit Reitern, Preisen und Hinweisen wie „vegan“, gebaut für das Handy. Hinter einem QR-Code auf dem Tisch ist sie schneller geändert als eine gedruckte Karte. Speisekarte öffnen
5. Hochzeitsseite mit Anmeldung
Ablauf, Anfahrt, Hinweise und ein Formular für die Zusage, alles auf einer Seite. Das Formular zeigt eine Grenze: In Claude kann ein Artefakt Einträge nur im eigenen Speicher ablegen. Als Website braucht es einen Ort, an den die Antworten gehen. Hochzeitsseite öffnen
6. Linkseite für eine Fotografin
Name, ein Satz und fünf Links, gedacht für die Bio auf Instagram. Das kleinste sinnvolle Artefakt, und eines, das viele sonst im Abo bei einem Linkdienst haben. Linkseite öffnen
7. Interaktive Netzkarte der Berliner U-Bahn
Eine Karte mit allen Linien, einer Suche nach Bahnhöfen und einer Routenberechnung. Hier steckt viel Logik im Artefakt: Das Netz ist als Daten hinterlegt, der kürzeste Weg wird im Browser berechnet. Netzkarte öffnen
8. Bild-Editor
Ein Bild hochladen, Helligkeit und Kontrast ändern, fertig. Das Bild verlässt dabei den Browser nicht. Solche kleinen Werkzeuge sind oft schneller gebaut als gesucht. Bild-Editor öffnen
9. Bilder zu PDF
Mehrere Bilder hineinziehen, Reihenfolge und Format wählen, eine PDF-Datei herunterladen. Auch hier bleibt alles im Browser, was bei Ausweisen oder Belegen ein echter Vorteil gegenüber Diensten ist, die die Dateien hochladen. PDFycation öffnen
10. Pace Arcade
Ein Rechner für das Lauftempo, gestaltet wie ein Spielautomat aus den Achtzigern. Das Beispiel zeigt, dass Artefakte nicht nach Vorlage aussehen müssen: Wer im Prompt einen Stil beschreibt, bekommt ihn. Pace Arcade öffnen
Was Artefakte nicht können
Artefakte laufen in einem abgeschotteten Rahmen. Das schützt dich, setzt aber Grenzen.
- Keine beliebigen Verbindungen nach aussen. Ein Artefakt kann nicht einfach Daten von einer fremden Website holen oder an einen fremden Dienst schicken. Es arbeitet mit dem, was in ihm steckt oder was du hineinlädst.
- Speicher nur in Claude. In bezahlten Plänen kann ein Artefakt Daten speichern, laut Hilfe bis 20 MB Text, privat oder geteilt. Dieser Speicher gehört zu Claude. Kopierst du das Artefakt anderswohin, ist er weg.
- Claude-Aufrufe und Connectors nur in Claude. Artefakte können selbst Claude fragen oder über Connectors Daten aus verbundenen Diensten lesen. Das zählt auf das Kontingent dessen, der es benutzt, und funktioniert ausserhalb von Claude nicht.
Die zehn Beispiele oben haben deshalb eines gemeinsam: Sie brauchen nichts davon. Alles, was sie können, steckt in ihrem eigenen Code. Genau deshalb laufen sie auch als normale Website.
Artefakte teilen und veröffentlichen
Ein Artefakt kannst du in Claude über „Teilen“ für alle mit dem Link freigeben. Dann liegt es unter einer Adresse auf claude.ai. Was dabei schiefgehen kann und warum „öffentlich“ auch „bei Google auffindbar“ heissen kann, steht im Artikel zu den Gründen, wenn das Veröffentlichen nicht klappt.
Willst du eine eigene Adresse, ein Passwort oder eine Statistik der Besuche, kopierst du den Code und stellst ihn bei einem Hoster online. Die zehn Beispiele liegen bei sharepa, das genau dafür gebaut ist. Wie das geht, steht in der Anleitung zum Veröffentlichen. Für ein Artefakt mit Speicher, Claude-Aufrufen oder Connector bleibt Claude selbst der richtige Ort.
Fragen
Kosten Artefakte etwas?
Artefakte erstellen kannst du in allen Plänen, auch im kostenlosen. Speicher, Claude-Aufrufe aus dem Artefakt und Connectors gibt es nur in den bezahlten Plänen Pro, Max, Team und Enterprise.
Kann ich ein Artefakt herunterladen?
Ja. Über den Code-Knopf oder das Menü des Artefakts kopierst du den Code oder lädst ihn als Datei herunter. Eine HTML-Datei öffnest du danach direkt im Browser, eine React-Komponente muss erst gebaut werden.
Warum sehe ich nur Code und keine Vorschau?
Meistens ist in den Einstellungen die Code-Ausführung ausgeschaltet, oder in Team- und Enterprise-Konten hat die Organisation sie nicht freigegeben. Manchmal blockiert auch ein Werbeblocker den Rahmen, in dem die Vorschau läuft.
Gibt es Artefakte auch in ChatGPT und Gemini?
Ähnliches, unter anderem Namen. ChatGPT hat Canvas und seit Juli 2026 Sites, Gemini hat Canvas. Die Funktionen unterscheiden sich vor allem beim Teilen.
Quellen
- What are artifacts and how do I use them?, Claude Help Center, abgerufen am 28.09.2026
- Share artifacts, Claude Help Center, abgerufen am 28.09.2026
- Beispielseiten von sharepa, abgerufen am 28.09.2026