Schritt für Schritt
🧩 Claude
Anthropic
📘 Schritt für Schritt 📘 Anthropic · Claude↗ Claude · Offizielle SeiteEinsteiger 🔄 Alltag & Business

Claude Artifacts: So erstellst du Inhalte und siehst sie direkt in der Vorschau

Eine anfängerfreundliche Anleitung zum Erstellen von Dokumenten, Zusammenfassungen und einfachen Apps, die live neben deinem Claude-Chat angezeigt werden.

Am Ende dieser Anleitung wirst du Claude, den hilfsbereiten KI-Assistenten, bitten können, Dokumente, Zusammenfassungen oder sogar eine kleine Web-App zu erstellen und das Ergebnis sofort neben deiner Chat-Unterhaltung zu sehen. Das ist für alle gedacht, die auf schnelle, visuelle Weise Ideen in fertige Ergebnisse verwandeln möchten, ohne Programmierkenntnisse zu benötigen.

💡 Tipp: tippe auf die Nummer eines Schritts, wenn du ihn erledigt hast — ein grüner Haken erscheint und dein Browser merkt sich, wie weit du warst.

✅ Bevor du beginnst
  • Ein Anthropic-Konto: Du benötigst einen Login, um auf Claude zugreifen zu können. Falls du noch keins hast, kannst du dich normalerweise kostenlos auf der Claude-Webseite anmelden.
  • Ein moderner Webbrowser auf einem Desktop-PC oder Laptop: Obwohl Claude auch auf Mobilgeräten funktioniert, lässt sich die Artifacts-Funktion am besten auf einem größeren Bildschirm wie einem Computer oder Tablet anzeigen und nutzen, da sie zusätzlichen Platz neben deinem Chat benötigt.
  • Eine Idee oder ein Textstück: Überlege dir etwas, das du mit Claudes Hilfe erstellen möchtest, zum Beispiel einen Dankesbrief, eine Zusammenfassung eines Artikels oder eine einfache Liste.
  • Geschätzte Gesamtzeit: Plane etwa 5-10 Minuten ein, um dieser Anleitung zum ersten Mal zu folgen. Die Artifacts-Funktion ist in der Regel auch in der kostenlosen Version von Claude verfügbar.
1

Claude öffnen und einen neuen Chat starten

Zuerst öffne deinen Webbrowser und gehe zu claude.ai. Du landest entweder auf der Anmeldeseite oder, falls du bereits eingeloggt bist, auf Claudes Hauptoberfläche. Sobald du drinnen bist, suche nach einer Schaltfläche, um eine neue Unterhaltung zu starten. Diese Schaltfläche befindet sich normalerweise in der oberen linken Ecke des Bildschirms und könnte mit „+ New chat“ oder einfach einem „+“-Symbol beschriftet sein. Klicke darauf, um eine leere Arbeitsfläche für deine neue Anfrage zu öffnen.

Falls es anders aussieht: Die Schaltfläche „New chat“ könnte als Bleistiftsymbol, Sprechblase oder als klarer Textlink erscheinen. Achte einfach auf eine Option, die eindeutig das Starten einer neuen Unterhaltung signalisiert.

💬 Beispiel: Du siehst eine Schaltfläche in der Seitenleiste mit der Aufschrift „+ Neuer Chat“.

Du weißt, dass es funktioniert hat, wenn du einen leeren Chatbereich siehst, der bereit für deine Eingabe ist, oft mit einer Begrüßung von Claude wie „Hallo! Wie kann ich dir heute helfen?“

2

Den Artifacts-Bereich aktivieren

Als Nächstes müssen wir den speziellen Anzeigebereich für deine Kreationen aktivieren. Suche in der Chat-Symbolleiste, die normalerweise oben oder seitlich im Konversationsfenster verläuft, nach einem Symbol, das einem kleinen Papierstapel, einem Quadrat mit einem „Play“-Symbol oder einem einfachen Rechteck ähnelt. Dies ist die Artifacts-Schaltfläche. Ein Artifact ist einfach der Begriff, den Claude für einen Inhalt (wie ein Dokument, Bild oder Code) verwendet, den es erzeugt und in einem speziellen Live-Vorschau-Bereich, getrennt vom Haupt-Chat, anzeigt. Klicke auf diese Schaltfläche, um den Bereich anzuzeigen.

Falls es anders aussieht: Das Symbol kann variieren, aber es ist typischerweise ein Symbol, das „Ausgabe“ oder „Dateien“ andeutet. Wenn du es nicht leicht finden kannst, versuche, in einem „Ansicht“- oder „Extras“-Menü zu suchen, falls deine Oberfläche eines hat, oder gib einfach deinen Prompt ein, und Claude schlägt möglicherweise vor, Artifacts zu aktivieren.

💬 Beispiel: Du siehst ein Symbol wie zwei überlappende Quadrate. Nach dem Klicken erscheint ein Bereich auf der rechten Seite des Bildschirms, beschriftet mit „Artifacts“.

Du weißt, dass es funktioniert hat, wenn ein neues, leeres Bedienfeld auf der rechten Seite deines Bildschirms erscheint, oft beschriftet mit „Artifacts“ oder „Ausgabe“, das darauf wartet, dass Claude etwas darin anzeigt.

3

Einen klaren Prompt schreiben

Jetzt ist es an der Zeit, Claude zu sagen, was du erstellen möchtest. Die Anweisungen, die du einer KI gibst, werden als Prompt bezeichnet. Um sicherzustellen, dass Claude versteht, dass du eine visuelle Ausgabe im Artifacts-Bereich möchtest, ist es eine gute Idee, das Wort „Artifact“ in deinem Prompt zu verwenden. Gib deine Anfrage direkt in das Nachrichtenfeld am unteren Rand des Chatfensters ein. Halte deine Anfrage spezifisch und klar.

Falls es anders aussieht: Das Nachrichtenfeld befindet sich immer ganz unten im Chat, normalerweise beschriftet mit „Nachricht an Claude...“ oder „Gib deine Nachricht hier ein.“

💬 Beispiel:

Erstelle einen Dankesbrief-Artifact für meine Nachbarin Emma, die mir am Samstag beim Umzug meines Sofas geholfen hat. Verwende einen freundlichen Ton und halte ihn unter 200 Wörtern.

Du weißt, dass es funktioniert hat, wenn du Enter drückst oder auf die Schaltfläche „Senden“ (oft ein Papierflieger-Symbol) klickst und Claude beginnt, eine Antwort zu generieren, wobei seine Tippaktivität im Haupt-Chatbereich sichtbar ist.

4

Claude das Artifact generieren lassen

Sobald du deinen Prompt gesendet hast, macht sich Claude an die Arbeit. Es wird deine Anfrage verarbeiten, und innerhalb weniger Augenblicke siehst du die Textantwort im Haupt-Chatbereich erscheinen. Entscheidend ist, dass der fertige Brief oder das Dokument auch sauber formatiert im Artifacts-Bereich erscheint, den du zuvor geöffnet hast. Dies ist dein Live-Vorschau-Bereich. Du kannst den Inhalt durchscrollen, bestimmte Abschnitte kopieren oder ihn sogar direkt aus diesem Bereich herunterladen.

Falls es anders aussieht: Manchmal benötigt Claude etwas länger, um etwas zu generieren, besonders bei komplexeren Anfragen. Sei einfach geduldig. Wenn es eine reine Textantwort im Chat erstellt und nichts in den Artifacts, versuche, „Bitte zeige dies als Artifact an“ zu deinem nächsten Prompt hinzuzufügen.

💬 Beispiel: Der Artifacts-Bereich auf der rechten Seite zeigt nun ein Dokument mit dem Titel „Dankesbrief an Emma“ an, komplett mit Textabschnitten, wie du es angefordert hast, getrennt von Claudes Chat-Nachricht.

Du weißt, dass es funktioniert hat, wenn der Dankesbrief sauber formatiert im Artifacts-Bereich erscheint, getrennt von der Chat-Unterhaltung. Du siehst Werkzeuge wie „Kopieren“ oder „Herunterladen“ direkt über oder unter dem Artifact.

5

Die Live-Vorschau nutzen, um Änderungen sofort zu sehen

Eine der mächtigsten Funktionen von Artifacts ist die Live-Vorschau. Das bedeutet, wenn du deine Kreation anpassen oder verfeinern möchtest, musst du kein komplett neues Artifact generieren. Sende einfach einen Folge-Prompt im Chat. Claude wird dann das bestehende Artifact im Bereich modifizieren, und du wirst die Änderungen in Echtzeit aktualisiert sehen, wie bei einem Dokumenteneditor. Dieser gleiche Workflow gilt auch für andere Artifacts, egal ob du einen Artikel zusammenfasst oder eine einfache HTML-Seite erstellst.

Falls es anders aussieht: Wenn dein Folge-Prompt deutlich anders ist als der erste, könnte Claude ein zweites Artifact neben dem ersten erstellen. Auch das ist völlig normal und nützlich, um verschiedene Versionen deiner Arbeit nebeneinander zu vergleichen.

💬 Beispiel:

Erstelle jetzt ein separates Artifact, das die wichtigsten Punkte dieses Artikels zusammenfasst: https://example.com/article

(Hinweis: Du kannst https://example.com/article durch eine echte Artikel-URL ersetzen.) Claude wird ein zweites Artifact erstellen, eine prägnante Zusammenfassung mit Aufzählungspunkten, die neben deinem ursprünglichen Brief im Artifacts-Bereich angezeigt wird.

Du weißt, dass es funktioniert hat, wenn dein bestehendes Artifact mit den neuen Details aktualisiert wird oder ein neues, separates Artifact erscheint, falls dein Prompt etwas völlig anderes angefordert hat. Du wirst sehen, wie sich der Inhalt im Artifacts-Bereich ändert, ohne dass du etwas Zusätzliches klicken musst.

⚠️ Häufige Fehler
  • Vergessen, den Artifacts-Bereich zu aktivieren: Wenn du die Artifacts-Schaltfläche in Schritt 2 nicht anklickst, gibt dir Claude weiterhin Textantworten im Haupt-Chat, aber du erhältst nicht die übersichtliche visuelle Vorschau. Lösung: Klicke einfach auf das Artifacts-Symbol (den Papierstapel oder das Quadrat mit einem Play-Symbol) in der Symbolleiste. Claude erkennt oft, dass du nach einem Artifact fragst und fordert dich auf, den Bereich zu öffnen.
  • Nicht explizit nach einem „Artifact“ fragen: Obwohl Claude intelligent ist, benötigt es manchmal einen klaren Hinweis. Wenn du nur „Schreibe einen Brief“ fragst, könnte es dir Text im Chat geben. Lösung: Füge das Wort „Artifact“ immer in deinen Prompt ein, z.B., „Erstelle ein Brief-Artifact“.
  • Vergessen, das Artifact zu speichern oder zu kopieren: Der Artifacts-Bereich zeigt eine Live-Ansicht deiner Arbeit. Obwohl es in diesem spezifischen Chat verbleibt, wird deine Kreation nicht automatisch gespeichert, wenn du den Browser-Tab schließt oder einen neuen Chat startest. Lösung: Suche nach den Schaltflächen „Kopieren“ oder „Herunterladen“, die in der Nähe des Artifacts im Bereich erscheinen, und verwende sie, um deine Arbeit auf deinem Computer zu speichern.

Probiere es jetzt aus

Öffne Claude, stelle sicher, dass der Artifacts-Bereich aktiviert ist, und tippe:

Erstelle ein kurzes Dankeschön-Artifact für einen Freund, der mir einen köstlichen Kuchen gebacken hat. Halte es unter 100 Wörtern und lass es sehr dankbar klingen.

Drücke Enter und sieh zu, wie das Dokument neben dem Chat erscheint. Du hast ein fertiges Ergebnis in kürzerer Zeit, als du für das Aufbrühen einer frischen Tasse Tee benötigst.

❓ Schnelle Fragen

Wie lange dauert das?

Etwa 6 Minuten — die Anleitung hat 5 Schritte, und du kannst jeden beim Durcharbeiten abhaken.

Welches Tool brauche ich?

Diese Anleitung nutzt Anthropic Claude — aber die Methode funktioniert in anderen KI-Assistenten sehr ähnlich.

Muss ich etwas vorbereiten?
  • Ein Anthropic-Konto: Du benötigst einen Login, um auf Claude zugreifen zu können. Falls du noch keins hast, kannst du dich normalerweise kostenlos auf der Claude-Webseite anmelden.
  • Ein moderner Webbrowser auf einem Desktop-PC oder Laptop: Obwohl Claude auch auf Mobilgeräten funktioniert, lässt sich die Artifacts-Funktion am besten auf einem größeren Bildschirm wie einem Computer oder Tablet anzeigen und nutzen, da sie zusätzlichen Platz neben deinem Chat benötigt.
  • Eine Idee oder ein Textstück: Überlege dir etwas, das du mit Claudes Hilfe erstellen möchtest, zum Beispiel einen Dankesbrief, eine Zusammenfassung eines Artikels oder eine einfache Liste.
  • Geschätzte Gesamtzeit: Plane etwa 5-10 Minuten ein, um dieser Anleitung zum ersten Mal zu folgen. Die Artifacts-Funktion ist in der Regel auch in der kostenlosen Version von Claude verfügbar.
Welche Fehler sollte ich vermeiden?
  • Vergessen, den Artifacts-Bereich zu aktivieren: Wenn du die Artifacts-Schaltfläche in Schritt 2 nicht anklickst, gibt dir Claude weiterhin Textantworten im Haupt-Chat, aber du erhältst nicht die übersichtliche visuelle Vorschau. Lösung: Klicke einfach auf das Artifacts-Symbol (den Papierstapel oder das Quadrat mit einem Play-Symbol) in der Symbolleiste. Claude erkennt oft, dass du nach einem Artifact fragst und fordert dich auf, den Bereich zu öffnen.
  • Nicht explizit nach einem „Artifact“ fragen: Obwohl Claude intelligent ist, benötigt es manchmal einen klaren Hinweis. Wenn du nur „Schreibe einen Brief“ fragst, könnte es dir Text im Chat geben. Lösung: Füge das Wort „Artifact“ immer in deinen Prompt ein, z.B., „Erstelle ein Brief-Artifact“.
  • Vergessen, das Artifact zu speichern oder zu kopieren: Der Artifacts-Bereich zeigt eine Live-Ansicht deiner Arbeit. Obwohl es in diesem spezifischen Chat verbleibt, wird deine Kreation nicht automatisch gespeichert, wenn du den Browser-Tab schließt oder einen neuen Chat startest. Lösung: Suche nach den Schaltflächen „Kopieren“ oder „Herunterladen“, die in der Nähe des Artifacts im Bereich erscheinen, und verwende sie, um deine Arbeit auf deinem Computer zu speichern.

Weiterlesen

War das hilfreich?

✦ Original-Schritt-für-Schritt-Anleitung vom KI-Redaktionsteam von AI World HQ Verständlich geschrieben, auf Richtigkeit geprüft.

← Zurück zu den News