promptgarten đŸŒ±
🌍 EN
Begriff●○○3 Min · +20 XP

Artifacts: generierte Deliverables

Ein Artifact ist ein eigenstĂ€ndiges Ergebnis – Code, Dokument oder App –, das Claude in einem separaten Fenster neben dem Chat zeigt, statt es im GesprĂ€chstext zu verstecken.

Was ein Artifact ist

Wenn du Claude bittest, etwas GrĂ¶ĂŸeres zu bauen – einen Report, ein kleines Web-Tool, eine Grafik –, öffnet sich oft ein eigenes Fenster neben dem Chat: das Artifact. Claude erstellt eines automatisch, wenn ein Inhalt umfangreich (etwa ĂŒber 15 Zeilen), eigenstĂ€ndig und wahrscheinlich zum Weiterbearbeiten gedacht ist.

WofĂŒr man Artifacts nutzt

  • Reports und Dokumente, die man lesen, weitergeben oder bearbeiten will
  • Prototypen: kleine interaktive Web-Apps, HTML-Seiten, React-Komponenten
  • Visualisierungen: Diagramme, SVGs, Charts
  • Code-Dateien, die als eigenstĂ€ndiges StĂŒck Sinn ergeben

Abgrenzung zu Code im Repo

Ein Artifact ist kein Ersatz fĂŒr Code in einem echten Projekt-Repository. Es lebt zunĂ€chst nur in der Konversation bzw. im Claude-Konto, hat keine Versionskontrolle wie Git und ist nicht automatisch Teil einer Build-Pipeline. Ein Artifact eignet sich, um schnell etwas EigenstĂ€ndiges zu erzeugen oder zu zeigen – fĂŒr produktiven, dauerhaft gepflegten Code gehört der Inhalt danach in ein richtiges Repository.

Teilen

Ein Artifact lĂ€sst sich veröffentlichen: Andere können es ĂŒber einen Link ansehen und benutzen, ganz ohne eigenen Account oder API-Key.

BEISPIEL

Du bittest Claude: "Erstelle eine kleine interaktive Tabelle, die meine CSV-Verkaufsdaten nach Monat gruppiert." Claude öffnet dafĂŒr ein Artifact mit einer React-Komponente, die du direkt im Browser siehst und ausprobieren kannst – statt eines Code-Blocks mitten im Chat-Text.

KURZ-QUIZ

Wodurch unterscheidet sich ein veröffentlichtes (published) Artifact von einem geteilten (shared) Artifact?

QUELLEN

VERWANDTE THEMEN

Vibe Coding: Wann es funktioniert, wann es dich beißt ●○○Claude Code: Der CLI-Agent von Anthropic ●●○Dein Projekt online bringen (Deployment) ●●○