Zum Hauptinhalt springen

Artifacts: Lebendige, ausführbare Outputs

Einsteiger

Artifacts sind Outputs, die Claude in einem Seitenpanel neben dem Chat rendert — ein Dokument, ein Deck, ein Diagramm, eine funktionierende App — und die du sehen, nutzen und weiterentwickeln kannst, getrennt vom Text der Konversation.

Seit dem Merge im September 2026 leben im Panel auch die drei Templates. Damit ist "Artifact" der Container und "Template" die Ausgangsform.

What you'll learn
  • Wissen, was das Artifact-Panel produzieren kann und welche Outputs einfache Artifacts sind und welche Beta-Templates
  • Zwischen einem Doc, einem Deck, einem Design, einer ausführbaren App und einer herunterladbaren Datei wählen — ohne Trial and Error
  • Ein Artifact in normaler Sprache weiterentwickeln, statt alles von vorn zu erfragen
  • Wissen, welche Artifacts du exportieren kannst, in welchen Formaten und in welchen Plänen

Was du bauen kannst​

OutputWas es istPlan
Mini-Web-Apps & ToolsEin Rechner, ein Quiz, ein Formular, eine kleine interaktive DemoAlle Pläne
Diagramme & SchaubilderVisualisierungen und einfache Daten-DashboardsAlle Pläne
CodeEtwas, das du lesen und ausführen kannstAlle Pläne
Claude DocsEin lebendiges Dokument mit mehreren Tabs, das du gemeinsam mit Claude und deinem Team bearbeitestBezahlt, Beta
Claude SlidesEin Deck, gebaut aus deinen Notizen oder der Konversation, direkt vor Ort präsentierbarBezahlt, Beta
Claude DesignVisualisierungen, Mockups, Prototypen und Landingpages nach deinem DesignsystemBezahlt, Beta

Die Exporte unterscheiden sich je Typ: Docs gehen nach Word, PDF, Markdown und Google Docs; Slides nach PowerPoint und PDF; Designs als .zip, PDF, PowerPoint oder eigenständiges HTML.

Warum es für Nicht-Entwickler mächtig ist​

Du kannst etwas Nutzbares bauen — "mach mir einen Trinkgeldrechner für ein Gruppenessen", "ein Dashboard aus dieser CSV" — indem du es beschreibst, und es dann im Gespräch verfeinern ("füge ein Feld für die Servicegebühr hinzu", "mach die Buttons größer"). Es ist das klarste Beispiel dafür, mit KI zu bauen, ohne selbst Code zu schreiben.

Wie du mit Artifacts arbeitest​

Guided walkthrough1 of 4
  1. Nenne den Zweck, die Inputs, die Zielgruppe und die Optik. Vagheit ist der Hauptgrund, warum ein erstes Artifact daneben liegt — dieselbe Regel wie beim normalen Prompting.

Ein konkreter Artifact-Auftrag schlägt einen vagen

Build me an interactive artifact: a tip calculator for a group dinner.

Inputs: bill total, number of people, tip percentage (slider, 0-30%,
default 18), and a toggle for "service charge already included".
Output: tip amount, total, and per-person share, updating live.

Audience: my friends on their phones — big tap targets, works at
375px wide, no explanation text.

Tipps​

  • Sei konkret bei Inputs/Outputs und Zielgruppe — genau wie bei gutem Prompting.
  • Entwickle in kleinen Schritten. Eine Änderung auf einmal ist leichter richtig hinzubekommen.
  • Prüfe jede Logik und jede Zahl, die ein Artifact berechnet, bei wichtigen Einsätzen (Halluzinationen).
  • Diagramme in einem Doc aktualisieren sich nicht selbst. Änderst du die Daten, behält das Diagramm die alten Werte, bis du Claude bittest, es neu zu bauen.

Quiz​

Check yourself

0/2
  1. Du bist im Free-Plan und bittest Claude, eine Konversation in ein teilbares Dokument mit mehreren Tabs zu verwandeln. Was bekommst du?
  2. Claude hat ein Artifact gebaut, das fast passt, aber die Buttons sind zu klein. Was ist der effiziente Schritt?
Key takeaways
  • Artifact = der Container im Seitenpanel; Template = die Ausgangsform (Docs, Slides, Design).
  • Einfache Artifacts funktionieren in jedem Plan; die drei Templates sind Beta in bezahlten Plänen und auf Enterprise standardmäßig aus.
  • Entwickle dasselbe Artifact in normaler Sprache weiter — starte die Konversation nicht neu.
  • Prüfe berechnete Zahlen immer, und baue Diagramme nach einer Datenänderung neu.

Weiter​