Artefakte in Claude.

:Wie aus einer Unterhaltung ein Ergebnis wird, mit dem sich arbeiten lässt.

Christian Wendler · byte5 · August 2026

Agenda

Worüber wir heute sprechen

01

Was ein Artefakt ist

Der Unterschied zwischen Antwort und Ergebnis.
02

Die Varianten

Dokument, Diagramm, App und was sonst rendert.
03

Lokal oder Cloud

Ein Schalter, zwei Betriebsarten, klare Datenregeln.
04

Drei Fälle aus dem Alltag

Angebot, Dashboard, Team-Werkzeug.
05

Ihr Start für morgen

Vier Schritte, Grenzen inklusive.

byte5 GmbH Agenda

Abschnitt eins

Was ein Artefakt ist

:Der Unterschied zwischen einer Antwort, die Sie lesen, und einem Ergebnis, das Sie benutzen.

Definition

Das Ergebnis bekommt ein eigenes Fenster

:Claude legt eine Datei neben den Chat und öffnet sie dort.

Sie sehen die Tabelle, das Diagramm, die laufende App. Der Quelltext bleibt im Hintergrund.
Änderungen gehen per Zuruf: „Mach die Spalte breiter" genügt.
Cloud-Artefakte lassen sich per Link teilen. Ansehen ist auch ohne Claude-Konto möglich.
Kolleg:innen übernehmen geteilte Artefakte als eigene Kopie.

byte5 GmbH 01 · Was ein Artefakt ist

Warum das zählt

Was zwischen Idee und Artefakt steht

Server, Deployments und IT-Tickets, bis ein Artefakt im Browser läuft.

:Ein Artefakt läuft in einer abgesicherten Umgebung von Claude. Niemand muss dafür einen Server aufsetzen oder betreiben.

Deshalb dauert der Weg zum ersten brauchbaren Stand Minuten. Für Prototypen, Rechner und interne Helfer reicht das vollständig. Produktivsysteme bauen Sie weiterhin klassisch.

byte5 GmbH 01 · Was ein Artefakt ist

Abschnitt zwei

Die Varianten

:Es gibt sechs Formate. Für die Praxis genügt es, drei Gruppen zu kennen.

Merkhilfe

Dokument, Bild, Anwendung.

Dokument

Markdown und PDF. Für Konzepte, Protokolle, Angebote, Checklisten. Formatiert lesbar statt Textwand im Chat.

Sagen Sie: „als Markdown-Dokument", kurz „MD-File"

Bild & Diagramm

Diagramme und Vektorgrafiken. Für Prozesse, Architekturen, Organigramme. Änderungen dauern Sekunden, denn die Grafik ist im Kern nur Text.

Sagen Sie: „als Flussdiagramm"

Anwendung

HTML mit JavaScript. Für Rechner mit festen Regeln, Quizze, Prototypen. Reagiert auf Klicks und Eingaben.

Sagen Sie: „als interaktive App"

byte5 GmbH 02 · Die Typen

Nachschlagen

Sechs Formate, die im Fenster laufen

Format	Wofür	Beispiel aus dem Arbeitsalltag
Markdown	Lange Texte, formatiert	Protokoll mit Aufgabenliste nach dem Kundentermin
PDF	Fertige Seiten zum Versenden	Einseitiges Angebot, direkt druckbar
Mermaid	Fluss- und Ablaufdiagramme	Freigabeprozess mit allen Beteiligten als Schaubild
SVG	Exakte Grafiken, frei skalierbar	Frei skalierbares Logo für Firmen-Branding
HTML	Komplette Webseiten in einer Datei	Entwurf einer Webpage für Abstimmung mit Team
Interaktive App	In sich geschlossene Anwendungen mit Eingaben und Logik	Übungsquiz für die Schulung, Fragen fest eingebaut

Klicken Sie ein Format an, um ein Beispiel zu sehen.

byte5 GmbH 02 · Die Typen

Abschnitt drei

Lokal oder Cloud

:Ein Schalter im Eingabefeld entscheidet, wo Claude rechnet und welche Daten Ihr Artefakt erreicht.

Vergleich

Drei Betriebsarten im Vergleich

:Chat und Cowork sind eine Oberfläche, umgeschaltet wird im Eingabefeld.

	Chat und Cowork	Cowork, lokal	Claude Code
Was Sie dafür tun	Chat oder Cowork starten, ohne Arbeitsordner	In Cowork einen lokalen Arbeitsordner wählen	Sitzung im Terminal oder in der Desktop-App
Wo Claude rechnet	In der Cloud-Sandbox von Anthropic	Auf Ihrem Rechner, im gewählten Ordner	Auf Ihrem Rechner, die Artefakt-Seite liegt in der Cloud
Erreichbare Daten	Uploads, Remote-Konnektoren, also gehostete MCP-Server	Zusätzlich lokale Dateien, Konnektoren & Skripte	Repository, verbundene Tools und Sitzungsverlauf
Teilen	Ja, per öffentlichem Link	Nein, das Artefakt bleibt auf Ihrem Rechner	Ja, Link ins Team mit Rollen
Gut für	Entwürfe, Rechner, Erklärstücke zum Teilen	Arbeit an echten Dateien und internen Systemen	Statusseiten aus laufenden Entwicklungssitzungen

byte5 GmbH 03 · Lokal oder Cloud

WICHTIG ZU WISSEN

Was das für Ihre Daten bedeutet

:Vier Regeln, die Sie kennen sollten, bevor Sie etwas hochladen oder teilen.

In der Cloud erreicht ein Artefakt nur Remote-Konnektoren, also gehostete MCP-Server. Lokale Dateien und lokale Konnektoren bleiben außen vor.
Mit lokalem Arbeitsordner läuft Cowork auf Ihrem Rechner und ändert dort Dateien. Arbeiten Sie unbedingt mit einer Versionsverwaltung oder auf einer Kopie des Ordners.
Geteilt wird nur aus der Cloud, und ein veröffentlichter Link ist öffentlich. Kundennamen, Preise und persönliche Daten gehören nicht hinein.
Gemeinsames Bearbeiten eines Artefakts gibt es noch nicht. Geteilt wird ein Stand, Kolleg:innen arbeiten auf einer eigenen Kopie weiter.

byte5 GmbH 03 · Lokal oder Cloud

Abschnitt vier

Drei Fälle
aus dem Alltag

:Keine Labor-Demos, sondern Beispiele, die Sie direkt übernehmen können.

Fall eins · Unterlagen

Diese Folien sind ein Artefakt.

Kein PowerPoint, keine Vorlage aus dem Netz.
Ein HTML-Artefakt, gebaut aus unserem Design System, mit Sprechernotizen und PDF-Export.

Wenn Sie eine Zahl korrigieren wollen, sagen Sie es im Chat. Wenige Sekunden später steht die neue Fassung. Der Link bleibt derselbe.

So starten Sie:
Ein Prompt, in dem Sie Claude bitten, eine Vortragspräsentation zu bauen. Nennen Sie Thema, Thesen, Publikum, Dauer und Ziel.

byte5 GmbH 04 · Drei Fälle

Fall zwei · Team-Werkzeug

Ein Kollege baut es, alle nutzen es. Einfach so.

Ein Übungsquiz für die Schulung, eine Checkliste für das Onboarding, ein Nachschlagewerk für Fachbegriffe. In der Cloud gebaut, per Link geteilt, als eigene Kopie übernommen. Kein Rollout, keine Einweisung.

So starten Sie:
Beschreiben Sie Claude die Aufgabe und die Inhalte, etwa die Quizfragen. Bitten Sie um eine interaktive App und teilen Sie nach Fertigstellung den Link mit Ihren Kollegen.

Fall drei · Statusseite

Der Status, der sich selbst schreibt

:Die Seite fragt beim Öffnen verbundene Systeme ab. Dies ist die etwas aufwendigere Königsdisziplin.

Erledigte Aufgaben je Woche

Laufende Woche, live geholt

Beispielhafte Darstellung. Statt Wochenbericht per Mail bekommt das Team einen Link, der beim Öffnen aktuell ist.

So starten Sie:
Verbinden Sie die Datenquelle als Konnektor und bitten Sie Claude um eine Statusseite, die daraus liest. Zeit für die Einrichtung und etwas Lust am Experimentieren einplanen.

byte5 GmbH 04 · Drei Fälle

Abschnitt fünf

Ihr Start für morgen

:Vier Schritte, eine halbe Stunde, ein Ergebnis, das Sie herumzeigen können.

Vorgehen

Morgen, in einer halben Stunde

Aufgabe wählen

Etwas, das Sie letzte Woche zweimal von Hand gemacht haben. Je kleiner der Anfang, desto besser.

Format nennen

„Baue mir das als interaktive App" statt „schreib mir Code". Diese Angabe entscheidet über das Ergebnis.

3x nachschärfen

Am echten Fall ausprobieren und konkret benennen, was stört. Nach drei Runden ist das Ergebnis meist brauchbar.

Teilen und ablegen

Link ins Team, Artefakt ins Projekt. Beim nächsten Mal ist die Vorarbeit schon erledigt.

byte5 GmbH 05 · Ihr Start für morgen

Grenzen

Wann Sie kein Artefakt nehmen sollten

:Ein Artefakt ist ein Prototyp mit Publikum, kein Produktivsystem.

Kein Server, keine Datenbank

Was gespeichert und weiterverarbeitet werden muss, gehört in ein echtes System.

Fremddienste nur über Konnektoren

Die Anbindung ist möglich, in der Praxis aber oft etwas aufwendiger.

Keine Rechteverwaltung

Wer den Link hat, sieht alles, was im Artefakt steht.

Kein Ersatz für Tests und Abnahme

Prüfen Sie Rechenwege, bevor jemand damit entscheidet. Lassen Sie ein stärkeres Claude-Modell das Ergebnis gegenprüfen.

byte5 GmbH 05 · Ihr Start für morgen

Danke

Ihr erstes Artefakt ist einen Prompt entfernt.

Diese Folien und viele weitere finden Sie auf byte5.ai. Wenn Sie überlegen, wo Artefakte in Ihren Prozessen sinnvoll sind, sprechen Sie uns an.

Web

byte5.ai

E-Mail

info@byte5.de

@byte5ai

Adresse

Speicherstraße 1 · 60327 Frankfurt am Main

Sprechen
Sie mich an.

Christian Wendler

byte5 GmbH

linkedin.com/in/cwendler

byte5 GmbH Artefakte in Claude · August 2026