Claude Artifacts erklärt: Was sie können und wie du sie nutzt (2026)

Claude Artifacts verwandeln eine KI-Antwort in etwas Eigenständiges. Statt Text im Chat-Verlauf öffnet Claude automatisch ein zweites Panel rechts neben der Unterhaltung. Was dort entsteht: ein interaktives Mini-Produkt, direkt aus dem Chat. Ein Kalkulator. Ein Dashboard. Ein Diagramm. Ein fertiges Skript.

Seit Februar 2026 sind die Grundfunktionen kostenlos, ohne Bezahl-Plan. Nur Live Artifacts mit Datenanbindung brauchen Claude Pro.

Dieser Guide richtet sich an drei Gruppen: Einsteiger ohne Artifact-Erfahrung, Nutzer, die mehr aus Artifacts herausholen wollen, und Profis, die Live-Artifacts mit externen Daten verbinden möchten. Ich nutze Claude seit 2023 täglich für Content, Code und Analyse. Artifacts habe ich in meinem eigenen Workflow getestet: von einfachen HTML-Kalkulatoren bis zu iterativen React-Dashboards. Was ich dabei festgestellt habe: Der größte Effizienzgewinn entsteht beim Verfeinern, nicht beim ersten Erstellen. Drei bis fünf Chat-Iterationen liefern ein Ergebnis, das ich manuell Stunden beschäftigen würde.

Was sind Claude Artifacts?

Claude Artifacts, im Deutschen auch Artefakte genannt, sind eigenständige Ausgaben, die Claude in einem separaten Panel rechts neben dem Chat anzeigt. Sie unterscheiden sich grundlegend von normalen Antworten: Ein Artifact lebt außerhalb des Chat-Verlaufs. Es lässt sich bearbeiten, iterieren, herunterladen und teilen.

Claude öffnet das Artifact-Panel automatisch, wenn drei Bedingungen erfüllt sind. Der Inhalt ist länger als etwa 15 Zeilen. Er ist eigenständig nutzbar, also Code, Dokument oder Visualisierung. Und er wird wahrscheinlich weiterentwickelt oder wiederverwendet.

Das Interface teilt sich in zwei Hälften. Links der Chat, rechts die Live-Vorschau. Bei HTML-Seiten und React-Komponenten siehst du das Ergebnis sofort im Browser. Bei Code wird der Quelltext angezeigt. Beide Seiten aktualisieren sich, wenn du im Chat neue Anweisungen gibst.

Welche Typen von Artifacts gibt es?

Claude unterstützt sechs Artifact-Typen. Jeder hat einen eigenen Anwendungsbereich und eine eigene Ausgabeform.

Wie erstellst du ein Artifact in Claude?

Artifacts entstehen automatisch. Es gibt keinen Schalter und kein Menü. Die Anfrage entscheidet darüber, ob Claude einen normalen Text schreibt oder das Artifact-Panel öffnet.

Schritt 1: Öffne claude.ai im Browser oder in der Desktop-App. Ein kostenloses Konto reicht.

Schritt 2: Formuliere eine Anfrage, die eine eigenständige Ausgabe verlangt. Frag nach einer HTML-Seite, einem Kalkulator, einem Skript oder einem Diagramm. Claude erkennt den Bedarf automatisch.

Schritt 3: Das Artifact-Panel öffnet sich rechts neben dem Chat. Bei HTML-Artifacts siehst du sofort die Live-Vorschau. Kein Export, kein Copy-Paste nötig.

Schritt 4: Verfeinere im Chat. Schreib, was du ändern möchtest. Das Artifact aktualisiert sich in Echtzeit.

Drei Prompts zum direkten Ausprobieren:

Wie teilst und veröffentlichst du Artifacts?

Jedes Artifact lässt sich per Link teilen. Rechts oben im Artifact-Panel befindet sich ein Teilen-Button. Ein Klick öffnet einen Dialog mit zwei Optionen.

Privater Link: Nur Personen, die du einlädst, können das Artifact sehen. Sie brauchen einen eigenen Claude-Account.

Öffentlicher Link (Publish): Ein Klick auf Publish macht das Artifact zu einer echten öffentlichen Webseite unter claude.ai/public/artifacts/. Jeder mit dem Link öffnet und bedient sie im Browser, ohne Claude-Account und ohne Anmeldung. Eingeloggte Nutzer können das Artifact zusätzlich remixen, also eine eigene editierbare Kopie anlegen. Über einen Einbetten-Button bekommst du einen iframe-Code für die eigene Website.

Zwei Punkte zu öffentlichen Artifacts: Sie sind vollständig offen, ohne Passwort, ohne Ablaufdatum, und können von Suchmaschinen indexiert werden. Und das Zurückziehen ist einseitig. Ein per Unpublish entferntes Artifact lässt sich nicht unter derselben URL neu veröffentlichen. Du musst es klonen.

Was sind Live Artifacts und was können sie?

Live Artifacts sind persistente, interaktive HTML-Seiten mit Echtzeit-Datenanbindung. Das ist der Unterschied zu normalen Artifacts: Ein Standard-Artifact ist statisch. Ein Live Artifact zieht bei jedem Öffnen frische Daten aus verbundenen Apps.

Davon zu unterscheiden sind KI-gestützte Artifacts (im Englischen AI-powered artifacts). Erstellen lassen sie sich auch im kostenlosen Plan. Hier ruft das Artifact während der Nutzung Claudes API auf und verarbeitet Eingaben in Echtzeit, etwa ein Vokabeltrainer, der aus eingefügtem Text selbst Karten erzeugt. Beim Öffnen meldet sich der Nutzer mit seinem eigenen Claude-Account an, damit die Aufrufe auf sein Kontingent gehen. Das ist der eine Fall, in dem ein geteiltes Artifact doch eine Anmeldung verlangt.

Die Verbindung läuft über das Model Context Protocol (MCP). Claude Cowork bietet dafür vorgefertigte Konnektoren zu Tools wie Google Calendar, Asana, Slack und Google Sheets.

Praktische Beispiele:

• Ein Dashboard, das heute fällige Aufgaben aus Asana und Termine aus Google Calendar kombiniert
• Ein SEO-Monitor, der Rankings aus Google Search Console täglich aktualisiert
• Ein Umsatz-Tracker, der automatisch Daten aus Google Sheets zieht
• Ein Morning-Briefing, das Kalender, offene Tickets und aktuelle Nachrichten zusammenfasst

Wie du Claude Cowork einrichtest und Live Artifacts baust, erkläre ich im Claude Cowork Guide.

Für welche Aufgaben sind Artifacts am nützlichsten?

Artifacts sind kein Ersatz für normale Chat-Antworten. Ihr Wert zeigt sich, wenn das Ergebnis eigenständig genutzt, weiterentwickelt oder geteilt werden soll. Diese sechs Anwendungsfälle bringen den größten Nutzen.

Der Artifact-Katalog: fertige Vorlagen übernehmen

Du musst nicht jedes Artefakt bei null bauen. In der Seitenleiste von Claude gibt es einen eigenen Artifacts-Bereich, auf Web, iOS und Android. Er hat zwei Hälften: deine eigenen Artifacts und eine kuratierte Galerie von Anthropic mit Kategorien wie Lernen, Life Hacks und Kreatives.

Ein veröffentlichtes Artifact von jemand anderem oder aus der Galerie lässt sich übernehmen. Öffne es und nutze es direkt, oder lade den Code per Kopieren-Button in einen neuen Chat und beschreibe, was du ändern willst. Claude passt das Artifact dann für deinen Fall an. Das spart bei Kalkulatoren, Dashboards und Wireframes oft die halbe Arbeit.

Was können Artifacts NICHT?

Artifacts sind keine vollständige Entwicklungsumgebung. Wer das nicht weiß, erwartet Dinge, die technisch nicht möglich sind. Die wichtigsten Grenzen:

• Kein Server-Code: Node.js, PHP oder Python-Server laufen nicht im Artifact. Nur Frontend-Code (HTML, CSS, JavaScript) wird ausgeführt. Backend-Logik muss selbst deployt werden.
• Eingeschränktes Hosting: Ein per Publish veröffentlichtes Artifact ist öffentlich erreichbar, aber ohne eigene Domain, ohne Zugriffskontrolle und ohne Server-Backend. Für eine echte Web-App mit eigener URL exportierst du den Code und hostest ihn selbst.
• Keine externen APIs ohne MCP: Ein Standard-Artifact kann keine externen Dienste abfragen. Kein Wetter-API, keine Datenbankverbindung. Das ändert sich nur mit Live Artifacts und MCP.
• Kein persistenter Speicher kostenlos: Artifacts speichern Daten nur im localStorage des Browsers, also lokal auf einem Gerät. Geräteübergreifender Datenzugriff ist ohne Pro-Plan nicht möglich.
• Nur Single-File: Ein Artifact ist immer eine einzige Datei, maximal 20 MB. Ein React-Projekt mit mehreren Komponenten-Dateien ist nicht möglich.
• Keine echten Datenbanken: Artifacts können Daten im localStorage des Browsers speichern. Echte Datenbanken schreiben oder lesen ist ohne externe Verbindung nicht möglich.

Claude Artifacts vs. Claude Code Artifacts

Der Begriff Artifact taucht an zwei Stellen im Claude-Ökosystem auf. Im Chat auf claude.ai ist ein Artifact das interaktive Ergebnis-Panel, das dieser Guide beschreibt. In Claude Code, dem Terminal-Werkzeug für Entwickler, meint Artifact etwas anderes: eine live aktualisierte Webseite unter privater URL, die Claude aus einer Coding-Session heraus veröffentlicht, zum Beispiel einen annotierten Pull-Request-Walkthrough oder ein Dashboard aus Projektdaten.

Diese Claude-Code-Artifacts sind nur auf Team- und Enterprise-Plänen verfügbar. Über den Befehl /artifacts in Claude Code findest du sie wieder. Für die meisten Nutzer ist mit Artifacts das Chat-Panel gemeint.

Ist Claude Artifacts kostenlos?

Ja. Seit Februar 2026 sind Artifacts für alle Claude-Nutzer zugänglich, auch ohne Bezahl-Plan. Das war früher anders. Zum Start 2024 brauchte man einen Bezahl-Plan, seitdem hat Anthropic den Zugang schrittweise für alle geöffnet.

Für Einsteiger reicht der kostenlose Plan vollständig. HTML-Artifacts, Code, Diagramme, Teilen und Herunterladen sind alle dabei. Wer Live Artifacts mit Echtzeit-Datenanbindung braucht oder Claude täglich intensiv nutzt, lohnt sich Claude Pro. Die genauen Planunterschiede erklärt der Claude Preise Guide.

Fazit: Lohnen sich Claude Artifacts?

Artifacts sind eine der nützlichsten Funktionen in Claude. Der Grund ist praktisch: Der Weg von der KI-Antwort zum fertigen, nutzbaren Ergebnis wird kürzer.

Lohnen sich, wenn: du regelmäßig Code, Tools oder Visualisierungen baust, Ergebnisse mit anderen teilen möchtest oder iterativ arbeitest und Änderungen live sehen willst.

Weniger relevant, wenn: du Claude hauptsächlich für einfache Textantworten, Übersetzungen oder kurze Recherchen nutzt. Dort bleibt der normale Chat die schnellere Option.

Probiere heute einen der Prompts aus dem Use-Cases-Abschnitt. Das erste Artifact überzeugt mehr als jede Beschreibung. Für den nächsten Schritt empfehle ich den Claude Cowork Guide mit Live Artifacts, den Claude Projects Guide für persistente Workspaces und den Claude Design Guide für KI-generierte Websites und Präsentationen.

Häufige Fragen zu Claude Artifacts