Claude Artifacts erklärt: So erstellst du Apps, Tools und Dokumente direkt im Chat

Artifacts sind eigenständige Inhalte, die Claude in einem separaten Fenster rechts neben dem Chat erstellt. Sie erscheinen immer dann, wenn Claude etwas Substanzielles produziert — etwas, das du bearbeiten, weiterentwickeln oder später wiederverwenden möchtest.

Claude erstellt automatisch ein Artifact, wenn der Inhalt diese Kriterien erfüllt:

• Eigenständig nutzbar: Der Inhalt macht für sich allein Sinn (nicht nur als Teil der Konversation)
• Umfangreich genug: Mehr als ein kurzer Codeschnipsel oder ein einzelner Absatz
• Bearbeitbar: Du wirst den Inhalt wahrscheinlich anpassen oder iterieren wollen

Typische Artifact-Inhalte sind:

• Code: Python-Skripte, JavaScript, HTML/CSS, vollständige Programme
• Interaktive Apps: Quiz-Tools, Rechner, Dashboards, Spiele
• Dokumente: Artikel, Berichte, Anleitungen, Markdown-Texte
• Visualisierungen: SVG-Grafiken, Diagramme, Charts
• Webseiten: Landing Pages, Formulare, UI-Layouts
• Mermaid-Diagramme: Flowcharts, Sequenzdiagramme, Organigramme

Artifacts sind standardmäßig aktiviert. Falls du sie an- oder ausschalten möchtest:

1. Klicke auf dein Profilbild (unten links in Claude)
2. Gehe zu Einstellungen (Settings)
3. Unter Features findest du den Schalter für Artifacts

Alle deine erstellten Artifacts findest du jederzeit über die Artifact-Bibliothek in der Seitenleiste. Dort kannst du sie durchsuchen, öffnen, und weiterbearbeiten — auch aus anderen Konversationen.

Erstellen

Beschreibe einfach, was du brauchst. Je konkreter dein Prompt, desto besser das Ergebnis:

• ❌ "Mach mir eine Webseite" (zu vage)
• ✅ "Erstelle eine Landing Page für einen Online-Kurs über KI-Grundlagen. Dunkles Design, Hero-Section mit CTA-Button, drei Feature-Karten, Testimonial-Bereich."

Claude erkennt automatisch, wann ein Artifact sinnvoll ist, und öffnet das separate Fenster.

Bearbeiten und Iterieren

Nach der Erstellung kannst du direkt weiterarbeiten:

• Im Chat nachfragen: "Ändere die Farbe des Buttons zu Lila" oder "Füge eine vierte Feature-Karte hinzu"
• Direkt editieren: Du kannst den Code/Text im Artifact-Fenster manuell bearbeiten
• Versionen: Jede Änderung wird als neue Version gespeichert — du kannst jederzeit zwischen Versionen wechseln

Fehler beheben

Wenn ein Artifact einen Fehler produziert (besonders bei Code), erscheint ein "Try fixing with Claude"-Button. Ein Klick kopiert die Fehlermeldung automatisch in den Chat, und Claude schlägt eine Lösung vor.

Exportieren

Unten rechts im Artifact-Fenster findest du Optionen zum:

• Kopieren: Inhalt in die Zwischenablage
• Herunterladen: Als Datei speichern
• Fullscreen: Artifact im Vollbild anzeigen

Das ist die eigentliche Superkraft: Du kannst Artifacts erstellen, die selbst KI-Fähigkeiten haben. Stell dir vor:

• Ein Sprachtrainer, der auf deine Antworten reagiert und Feedback gibt
• Ein Coaching-Bot, der personalisierte Fragen stellt
• Ein Quiz-Generator, der Fragen basierend auf deinem Wissensstand anpasst
• Ein Brainstorming-Tool, das deine Ideen weiterentwickelt

So erstellst du ein KI-gestütztes Artifact:

1. Beschreibe die gewünschte App und erwähne, dass sie "KI-Funktionen" oder "Claude-Integration" nutzen soll
2. Claude baut die App so, dass sie über eine integrierte Text-API auf Claudes Intelligenz zugreifen kann
3. Nutzer deines Artifacts können es sofort nutzen — ohne eigenen API-Key

Wichtig zum Verbrauch: Wenn du ein KI-gestütztes Artifact teilst, zählt die Nutzung gegen das Kontingent jedes einzelnen Nutzers, nicht gegen deines. Du kannst es also mit 10 oder 10.000 Leuten teilen, ohne selbst Tokens zu verbrauchen.

Veröffentlichen (Free, Pro, Max)

Auf Free-, Pro- und Max-Plänen kannst du Artifacts öffentlich veröffentlichen:

1. Öffne das Artifact
2. Klicke auf "Publish"
3. Du erhältst einen öffentlichen Link, den jeder öffnen kann

Wer kann darauf zugreifen?

• Nicht-Claude-Nutzer: Können das Artifact ansehen und nutzen
• Claude-Nutzer: Können es zusätzlich remixen und anpassen

Einbetten auf Webseiten

Nach dem Veröffentlichen erscheint ein "Get embed code"-Button. Damit generierst du HTML-Code, den du auf deiner eigenen Webseite einbinden kannst. Du musst die erlaubten Domains angeben (Sicherheitsmaßnahme).

Einsatzmöglichkeiten:

• Interaktive Rechner auf deiner Firmenwebseite
• Lerntools in deinem Online-Kurs
• Widgets in Blog-Artikeln

Teilen innerhalb deiner Organisation (Teams/Enterprise)

Auf Team- und Enterprise-Plänen werden Artifacts intern geteilt statt öffentlich veröffentlicht. Teammitglieder können sie nutzen, ohne zusätzliche Kosten zu verursachen.

Achtung: Wenn du ein Artifact teilst, erhalten die Empfänger auch Zugriff auf alle Anhänge und Dateien aus der Konversation, in der es erstellt wurde. Prüfe vor dem Teilen, ob sensible Dokumente im Chat waren.

Artifacts können über das Model Context Protocol (MCP) auf externe Dienste zugreifen:

• Google Calendar: Ein Planungs-Artifact, das direkt auf deinen Kalender zugreift
• Slack: Ein Dashboard, das Nachrichten liest und zusammenfasst
• Asana: Ein Projekttracker, der Tasks anzeigt und aktualisiert

Beim ersten Zugriff wirst du um Erlaubnis gefragt. Deine Präferenzen bleiben für zukünftige Nutzung gespeichert.

Artifacts können Daten dauerhaft speichern — nicht nur während einer Session. Das ermöglicht:

• Tagebücher: Ein Journaling-Artifact, das deine Einträge über Wochen sammelt
• Tracker: Gewohnheits- oder Fitness-Tracker mit Verlauf
• Kollaborative Tools: Geteilte Kanban-Boards oder To-do-Listen

Es gibt zwei Speicher-Modi:

• Persönlich: Nur du siehst die Daten
• Geteilt: Alle Nutzer des Artifacts sehen die gleichen Daten

Datenschutz-Hinweis: Der Ersteller des Artifacts legt fest, welche Daten persönlich und welche geteilt gespeichert werden. Bevor du sensible Informationen eingibst, prüfe ob das Artifact geteilten Speicher nutzt.

Claude bietet eine kuratierte Sammlung fertiger Artifacts als Inspiration. Du findest sie unter Artifacts > Inspiration in der Seitenleiste (oder über das "Get inspired"-Banner auf dem Handy).

Die Sammlung ist nach Kategorien sortiert:

• Etwas lernen: Interaktive Lerntools und Quizze
• Lebenshacks: Rechner, Planer, Organizer
• Kreativ sein: Spiele, Kunstgeneratoren, Storytelling-Tools

Du kannst jedes Artifact aus der Inspiration remixen: Es wird in deine Bibliothek kopiert, und du kannst es nach Belieben anpassen.

1. Sei spezifisch: Je detaillierter dein Prompt, desto besser das Ergebnis. Beschreibe Farben, Layout, Funktionen
2. Iteriere in kleinen Schritten: Statt alles auf einmal zu ändern, mach eine Änderung pro Nachricht
3. Nutze Versionen: Wenn eine Iteration nicht gefällt, geh einfach zurück zur vorherigen Version
4. Kombiniere mit Projekten: Lade Style Guides oder Referenzmaterial in ein Claude Projekt, damit alle Artifacts im Projekt konsistent sind
5. Teste auf verschiedenen Geräten: Artifacts sind responsiv, aber prüfe das Ergebnis auf Handy und Desktop
6. Exportiere regelmäßig: Sichere wichtige Artifacts lokal, damit du sie nicht verlierst

Situation	Chat	Artifact
Kurze Frage beantworten	✅	❌
Code-Snippet (< 20 Zeilen)	✅	❌
Vollständiges Skript	❌	✅
Interaktive App	❌	✅
Dokument zum Bearbeiten	❌	✅
Visualisierung / Diagramm	❌	✅
Inhalt zum Teilen	❌	✅

Sind Artifacts kostenlos?

Ja. Artifacts sind seit März 2026 auch auf dem kostenlosen Claude-Plan verfügbar. Vorher waren sie Pro-Nutzern vorbehalten.

Kann ich Artifacts auf meiner Webseite einbetten?

Ja, nach dem Veröffentlichen erhältst du einen Embed-Code. Du musst die erlaubten Domains angeben.

Verbrauche ich Tokens, wenn andere mein geteiltes Artifact nutzen?

Nein. Die Nutzung zählt gegen das Kontingent des jeweiligen Nutzers, nicht gegen deines.

Kann ich ein Artifact wieder löschen?

Du kannst veröffentlichte Artifacts jederzeit "unpublishen" (den öffentlichen Link deaktivieren). Das Artifact bleibt in deiner Bibliothek, ist aber nicht mehr öffentlich zugänglich.

Funktionieren Artifacts auch auf dem Handy?

Ja, in der Claude-App für iOS und Android. Die Darstellung ist angepasst — statt nebeneinander erscheinen Chat und Artifact übereinander.

Wie komplex können Artifacts werden?

Überraschend komplex. Nutzer haben vollständige Spiele, Projektmanagement-Tools und sogar kleine SaaS-Applikationen als Artifacts gebaut. Die Grenze ist hauptsächlich die Kontextgröße des Chats.

---

Tipp: Starte einfach. Bitte Claude um einen einfachen Rechner oder ein kleines Quiz. Sobald du siehst, wie schnell das geht, wirst du Artifacts für immer mehr Aufgaben nutzen.

• MCP erklärt: So verbindest du Claude mit externen Tools und Datenquellen
• Claude Memory erklärt: Was gespeichert wird, was nicht und wie du es sinnvoll nutzt
• Claude Teams einrichten: Projekte, DNA und Rollen für dein Team