Claude Artifacts verwenden: Vollständige Anleitung

Claude Artifacts ermöglichen es, interaktive Inhalte, Code und strukturierte Dokumente direkt im Chat zu erstellen und zu bearbeiten. Diese Funktion verwandelt Claude von einem reinen Textgenerator in ein vielseitiges Werkzeug für die Inhaltserstellung.

1. Artifacts-Berechtigung aktivieren. Öffnen Sie Claude und navigieren Sie zu den Einstellungen über das Zahnrad-Symbol. Aktivieren Sie die Option 'Feature Preview' und stellen Sie sicher, dass Artifacts eingeschaltet ist. Laden Sie die Seite neu, damit die Änderungen wirksam werden.
2. Artifact-fähige Anfrage stellen. Bitten Sie Claude um die Erstellung von substantiellem Inhalt wie HTML-Code, React-Komponenten, SVG-Grafiken oder längere Dokumente. Verwenden Sie klare Anweisungen wie 'Erstelle eine interaktive HTML-Seite' oder 'Schreibe ein Python-Skript für...'.
3. Artifact im Seitenpanel öffnen. Sobald Claude ein Artifact erstellt, erscheint es automatisch im rechten Seitenpanel. Klicken Sie auf den Artifact-Titel, um es zu öffnen. Bei Code-Artifacts sehen Sie eine Vorschau der Ausführung, bei Dokumenten den formatierten Inhalt.
4. Inhalte in Echtzeit bearbeiten. Geben Sie Claude spezifische Änderungsanweisungen für Ihr Artifact. Schreiben Sie beispielsweise 'Ändere die Hintergrundfarbe zu blau' oder 'Füge eine Validierungsfunktion hinzu'. Claude aktualisiert das Artifact automatisch und zeigt die Änderungen sofort an.
5. Artifacts herunterladen und exportieren. Klicken Sie auf das Download-Symbol in der Artifact-Kopfzeile, um den Inhalt als Datei zu speichern. Code-Artifacts werden als entsprechende Dateitypen (.html, .py, .js) gespeichert, Dokumente als .txt oder .md. Wählen Sie den gewünschten Speicherort.
6. Mehrere Artifacts verwalten. Erstellen Sie mehrere Artifacts in derselben Unterhaltung für verschiedene Projektteile. Nutzen Sie die Artifact-Liste im Seitenpanel, um zwischen verschiedenen Versionen zu wechseln. Jedes Artifact behält seinen eigenen Bearbeitungsverlauf.
7. Interaktive Elemente testen. Nutzen Sie die Live-Vorschau für HTML/JavaScript-Artifacts, um Funktionen direkt zu testen. Klicken Sie auf Buttons, füllen Sie Formulare aus und prüfen Sie Animationen. Melden Sie gefundene Probleme an Claude zur sofortigen Korrektur.