Claude Funktionen erklärt

Artifacts –
von der Antwort zum Ergebnis

Was Artifacts sind, wie du sie richtig einsetzt, und warum Live Artifacts in Cowork alles verändern. Vom statischen Dokument zum dynamischen Dashboard.

Los geht's
Kapitel 1

Was sind Artifacts?

Die meisten Menschen nutzen Claude wie eine Suchmaschine: Frage stellen, Antwort lesen, kopieren. Artifacts verändern das grundlegend – sie machen aus Claudes Antworten fertige, nutzbare Ergebnisse.

Der Unterschied in einem Satz

Eine normale Antwort ist ein Text im Chat, den du lesen kannst. Ein Artifact ist ein eigenständiges Objekt neben dem Chat – ein Dokument, ein Tool, eine Visualisierung – das du direkt verwenden, bearbeiten, herunterladen oder teilen kannst.

OHNE ARTIFACT Du fragst etwas Text im Chat – kopieren, einfügen... MIT ARTIFACT Du fragst CHAT (KOMPAKT) ARTIFACT COPY EDIT DL Eigenständig · Interaktiv · Nutzbar

Artifacts erscheinen in einem eigenen Panel rechts neben dem Chat. Du kannst sie direkt kopieren, bearbeiten, herunterladen oder sogar per Link teilen – ohne den Chat zu verlassen.

Das Entscheidende: Artifacts sind iterierbar. Du sagst «Erstelle eine Checkliste», bekommst das Ergebnis, und verfeinerst: «Mach es interaktiv», «Ändere die Farben», «Füge noch einen Punkt hinzu». Claude aktualisiert das bestehende Artifact – kein Neustart nötig.

Was kann Claude als Artifact erstellen?

Artifacts sind nicht nur Textdokumente. Claude beherrscht sechs verschiedene Typen, die direkt im Vorschau-Panel gerendert werden:

Markdown

Berichte, Blogbeiträge, Anleitungen – formatiert und kopierbereit.

HTML / CSS / JS

Komplette Webseiten, Landingpages, Tools – live im Browser.

React / JSX

Interaktive Komponenten – Rechner, Dashboards, Formulare.

SVG-Grafiken

Illustrationen, Icons, Diagramme – skalierbar und editierbar.

Mermaid-Diagramme

Flowcharts, Organigramme, Sequenzdiagramme – aus Text generiert.

Dateien

Word, Excel, PowerPoint, PDF – zum direkten Download.

Sehen statt lesen

Der entscheidende Unterschied zu normalen KI-Antworten: Ein Code-Artifact zeigt nicht den Code – es führt den Code aus. Ein HTML-Artifact zeigt nicht Markup – es rendert die Webseite. Ein React-Artifact zeigt nicht Komponenten – es stellt sie interaktiv dar. Der Unterschied zwischen einem Rezept lesen und das fertige Gericht sehen.

Kapitel 3

Artifacts richtig einsetzen

Die Qualität eines Artifacts hängt davon ab, wie du Claude darum bittest. Hier sind bewährte Strategien:

Strategie 1

Sei konkret beim Ergebnis, nicht beim Weg

Statt «Schreibe mir HTML-Code» sagst du «Erstelle mir einen interaktiven ROI-Rechner mit zwei Eingabefeldern». Claude wählt dann selbst die beste Umsetzung – oft besser als du es vorgeben könntest.

Strategie 2

Iteriere statt neu starten

Wenn das erste Artifact nicht perfekt ist, sag «Mach den Header grösser» oder «Füge eine dritte Spalte hinzu». Claude aktualisiert das bestehende Artifact. Starte keinen neuen Chat – das zerstört den Kontext.

Strategie 3

Nutze Artifacts als Arbeitsgrundlage

Ein Artifact ist nicht das Ende, sondern der Anfang. Lass Claude eine Vorlage erstellen, verfeinere sie im Gespräch, und lade das Ergebnis herunter. Oder kopiere den Code direkt in dein Projekt.

Strategie 4

Bearbeite direkt im Artifact

Für kleine Änderungen – einen Tippfehler, einen Wert anpassen – kannst du direkt im Artifact-Panel auf «Bearbeiten» klicken und den Text oder Code selbst ändern. Das ist schneller als Claude darum zu bitten.

Praxis-Prompts zum Ausprobieren

Interaktives Tool

Ergebnis: Ein funktionsfähiger Rechner direkt im Browser.

«Erstelle einen Stundensatz-Rechner: Ich gebe mein Jahresgehalt ein, und er zeigt mir den Stundensatz bei 42 Wochen à 40 Stunden.»

Datenvisualisierung

Ergebnis: Ein animiertes Balkendiagramm mit echten Daten.

«Visualisiere diese Quartalszahlen als interaktives Balkendiagramm mit Hover-Effekt: Q1: 45k, Q2: 62k, Q3: 58k, Q4: 71k.»

Interaktive Checkliste

Ergebnis: Abhakbare Checkliste mit Fortschrittsanzeige.

«Erstelle eine interaktive Onboarding-Checkliste für neue Mitarbeiter mit Checkboxen und Fortschrittsbalken.»

Professionelles Dokument

Ergebnis: Ein formatiertes Word-Dokument zum Download.

«Schreibe ein Angebot für einen Workshop ‹KI im Marketing›, 2 Tage, CHF 4'800 – als Word-Dokument mit professionellem Layout.»

Live Artifacts in Cowork

Seit April 2026 gibt es in Claude Cowork (der Desktop-App) eine neue Kategorie: Live Artifacts. Sie verändern die Art, wie du mit Claude-Ergebnissen arbeitest, grundlegend.

Der Unterschied in einem Bild

Ein normales Artifact ist ein Foto – es zeigt den Stand von dem Moment, als du es erstellt hast. Ein Live Artifact ist ein Fenster – es zeigt dir jedes Mal den aktuellen Stand, wenn du hindurchschaust. Öffnest du es morgen, zeigt es morgen's Daten. Nächste Woche, nächste Woche's Daten.

ARTIFACT (CHAT) Dashboard – Stand 15. Mai STATISCH Zeigt immer den Stand vom Erstelltag LIVE ARTIFACT (COWORK) Dashboard – Aktuell LIVE ASANA SLACK CALENDAR Zeigt aktuelle Daten bei jedem Öffnen

Wie Live Artifacts funktionieren

Verbunden mit deinen Apps

Live Artifacts verbinden sich über MCP (Model Context Protocol) mit deinen Tools – Google Calendar, Gmail, Slack, Asana, Linear und mehr. Wenn du das Artifact öffnest, zieht es frische Daten aus diesen Quellen.

Persistent gespeichert

Jedes Live Artifact hat seinen eigenen Tab in der Cowork-Sidebar unter «Live artifacts». Du musst nicht den Chat wiederfinden – öffne einfach das Artifact direkt.

Versionsverlauf

Jede Änderung wird als Version gespeichert. Du kannst sehen, wie sich das Artifact entwickelt hat, Versionen vergleichen und eine frühere Version wiederherstellen.

Beispiele – was du mit Live Artifacts bauen kannst

Morgen-Briefing

Öffne es jeden Morgen – es zeigt den aktuellen Stand.

«Baue mir ein Morgen-Briefing mit meinen heutigen Kalendereinträgen, ungelesenen Slack-Nachrichten und offenen Tasks aus Asana.»

KPI-Dashboard

Ein Dashboard, das sich selbst aktualisiert.

«Erstelle ein wöchentliches Metriken-Dashboard, das Umsatzdaten aus meinem Google Sheet und offene Deals aus meinem CRM zusammenzieht.»

Wettbewerbs-Tracker

Beobachte automatisch, was die Konkurrenz macht.

«Tracke meine Top-5-Wettbewerber: neue Blog-Artikel, Preisänderungen, Produktlaunches. Zeige alles auf einem Dashboard an.»

Voraussetzungen: Live Artifacts benötigen Claude Desktop (macOS oder Windows), einen bezahlten Plan (Pro, Max, Team oder Enterprise) und aktivierte MCP-Konnektoren für die gewünschten Datenquellen.

Wichtig zu wissen: Live Artifacts werden lokal auf deinem Computer gespeichert – nicht in der Cloud. Wenn du das Gerät wechselst, sind sie dort (noch) nicht verfügbar. Die Möglichkeit zum Teilen steht laut Anthropic auf der Roadmap.

Kapitel 5

Artifact vs. Live Artifact – der Vergleich

Beide sind mächtig, aber für unterschiedliche Szenarien gedacht. Hier die Gegenüberstellung:

EigenschaftArtifact (Chat)Live Artifact (Cowork)
Wo verfügbarclaude.ai, Claude App, DesktopNur Claude Desktop (Cowork)
PlanAlle Pläne (inkl. Free)Nur bezahlte Pläne
DatenSnapshot – Stand vom ErstellzeitpunktLive – aktualisiert sich bei jedem Öffnen
DatenquellenNur was du im Chat hochlädst / eingibstMCP-Konnektoren (Calendar, Slack, Drive...)
SpeicherortIm Chat (musst du den Chat wiederfinden)Eigener «Live artifacts» Tab in der Sidebar
VersionierungNeinJa – mit Vergleich und Restore
TeilenJa – per LinkNoch nicht – nur lokal
IterierbarJa – im selben ChatJa – über beliebige Sessions hinweg
Ideal fürDokumente, Tools, Code, Einmal-OutputsDashboards, Tracker, Briefings, wiederkehrende Übersichten

Wann was nutzen?

Verwende Chat-Artifacts für alles, was du einmal erstellst und dann mitnimmst – einen Blogbeitrag, ein Angebot, einen Rechner, ein Diagramm. Verwende Live Artifacts für alles, was du wiederholt ansehen willst und das aktuell bleiben soll – ein Dashboard, ein Morgen-Briefing, einen Projekt-Tracker.

Tipps & Tricks für den Alltag

Artifacts aktivieren

Unter Einstellungen → Funktionen → Artifacts einschalten. Auf den meisten Konten seit 2026 ist es standardmässig aktiv – aber prüfe es sicherheitshalber.

Code selbst bearbeiten

Du kannst den Quellcode eines Artifacts direkt im Panel editieren – klicke auf das Stift-Symbol. Für Tippfehler oder kleine Wertänderungen ist das schneller als Claude zu bitten.

Herunterladen und teilen

Jedes Artifact kann als Datei heruntergeladen werden – HTML, SVG, Markdown. Oder teile es direkt per Link, damit andere es im Browser ansehen können (Chat-Artifacts).

Vollbild nutzen

Klicke auf das Vollbild-Symbol im Artifact-Panel für eine bessere Vorschau – besonders bei Dashboards, Tabellen und interaktiven Tools hilfreich.

Live Artifact Connectors

Live Artifacts nutzen deine MCP-Konnektoren ohne jedes Mal zu fragen. Achte darauf, nur Konnektoren zu verbinden, denen du Leserechte vertraust – besonders bei solchen, die auch Daten verändern können.

Projekte + Artifacts = Power

Erstelle Artifacts innerhalb eines Claude-Projekts. Der Kontext aus Projekt-Instruktionen und hochgeladenen Dokumenten fliesst automatisch in das Artifact ein – bessere Ergebnisse mit weniger Erklärung.

Dein Einstieg in 5 Minuten: Öffne Claude und sage: «Erstelle mir einen interaktiven Kalkulationsrechner für mein Beratungshonorar.» Schau dir an, was erscheint. Verfeinere es. Lade es herunter. Jetzt hast du verstanden, was Artifacts können – und das war erst der Anfang.