Claude öffnet ein zweites Pane — du tippst React, HTML oder Markdown, die fertige App entsteht gleichzeitig im Vorschau-Fenster.
Vier Mechaniken, die Artifacts vom normalen Chat-Output trennen — und warum sie deine Outputs sofort produktiv machen.
Ab ungefähr 15 Zeilen oder sobald Output eigenständig nutzbar wird, klappt das Artifact-Pane automatisch auf. Du tippst nichts — Claude erkennt das Format und legt los.
Jeder Edit erzeugt eine neue Version. Mit den Pfeil-Tasten oben im Pane springst du zurück zu v1, vergleichst Stände oder stellst eine alte Variante in 2 Sekunden wieder her.
Remix this Artifact
Jeder Publish-Link hat einen Remix-Button. Wer ihn klickt, startet eine eigene Claude-Konversation mit deinem Artifact als Basis — anpassen, weiterbauen, ohne dass dein Original sich ändert.
AI-powered Artifacts rufen selbst Claude auf — kein API-Key beim Empfänger nötig. Über MCP klinkt sich der Artifact in Slack, Calendar oder Drive ein. Dein Tool denkt mit, nicht nur dein Chat.
Chat links, Output rechts.
Claude öffnet automatisch ein zweites Fenster, sobald deine Anfrage etwas Eigenständiges erzeugt — Code, Dokument, Diagramm oder App. Kein Copy-Paste mehr.
Jede Nachricht updated live.
„Mach den Button rot" — Claude ändert gezielt nur diese Stelle. Alternativ: direkt im Pane markieren, Improve klicken. Alle Versionen bleiben per Pfeil-Navigation erreichbar.
Code, Docs, SVG, Apps und mehr.
HTML, JS, Python, React mit Syntax-Highlighting; Markdown-Dokumente; SVG-Grafiken; Mermaid-Flowcharts; interaktive HTML-Mini-Apps — alle live, alle editierbar.
Publish-Link, kein Claude-Account nötig.
Ein Klick auf Publish erzeugt einen öffentlichen Link. Empfänger sehen und nutzen das Artifact im Browser — ohne Login. HTML-Mini-Apps laufen vollständig clientseitig.
01 · Solopreneur
Stundensatz, Marge oder Spar-Plan: Claude baut einen HTML-Rechner als Artifact — du teilst den Link, Kunden geben Werte ein, sehen Ergebnis. Kein Excel, kein Figma.
02 · Coach
Werte priorisieren, Ziele setzen, Reflexionsbogen: Markdown- oder HTML-Artifact, Clients füllen im Browser aus — kein PDF-Download, kein Tool-Kauf nötig.
03 · Berater
Sales-Funnel oder Automatisierungs-Logik in zwei Absätzen beschreiben — Claude rendert daraus ein Mermaid-Flowchart. Exportieren, in die Präsentation, fertig.
04 · Creator
Icons, Charts oder Schaubilder für Reels und LinkedIn-Posts: SVG-Artifact, runterladen, verwenden. Kein Figma-Detour mehr für jede kleine Illustration.
Ein vollständiges Business-Tool als Artifact. Einfügen, 3–5 Ideen eingeben — Claude baut eine interaktive Web-App mit Scoring, Ranking, Aufwand-Nutzen-Matrix und 7-Tage-Aktionsplan. Eckige Klammern anpassen.
Erstelle ein vollständig funktionsfähiges interaktives Claude Artifact als moderne Web-App. Rolle: Erfahrener AI-/Business-Consultant und UX-Designer. Ziel: Entscheidungsmatrix-Tool — aus 3–5 Projektideen die beste Startidee auswählen. ## App-Struktur 1. Header mit Nutzenversprechen 2. Eingabe: 3–5 Ideen (Name, Beschreibung, Zielgruppe, Problem) 3. Bewertung per Slider (1–5): Problemklarheit, Nutzen, Umsetzbarkeit, Business-Potenzial, Differenzierung, Risiko 4. Automatisches Ranking — Gesamt-Score 0–100 5. Aufwand-Nutzen-Matrix (X: Aufwand, Y: Nutzen) 6. Finale Empfehlung + 7-Tage-Aktionsplan 7. Copy-Button für Empfehlung ## Beispiel-Daten (bearbeitbar) Idee 1: AI-Angebots-Konfigurator für Agenturen Idee 2: Automatisierte Lead-Recherche für lokale Dienstleister Idee 3: Interner Chatbot für wiederkehrende Kundenfragen ## Bewertungslogik Score = gewichteter Durchschnitt (0–100), Risiko invers gewichtet. Empfehlung: höchster Score + niedrigstes Risiko + beste Umsetzbarkeit. ## Design & Technik Heller Hintergrund, Kartenstruktur, dezente Akzentfarbe, responsive. Keine externen APIs. Frontend-only. Sofort nutzbar, keine Platzhalter.
claude.ai öffnen
Free-Account reicht für den Start. Artifacts ist in allen Plänen aktiv — kein separates Setup, kein Plugin. Einfach einloggen und loslegen.
Artifact-Typ benennen
Schreib direkt in den Prompt: „als Artifact", „als interaktive HTML-Seite" oder „als Mermaid-Diagramm". Claude wählt dann sofort das richtige Format — spart eine Iteration.
Iterieren oder teilen
Stelle im Pane markieren + Improve klicken für gezielte Änderungen. Oder Publish für einen öffentlichen Link — Empfänger brauchen keinen Claude-Account.
„Der Sprung von der Idee zum klickbaren Tool dauerte früher Tage. Mit Artifacts dauert er die Zeit, die du zum Beschreiben brauchst.“ Du brauchst nur claude.ai und eine konkrete Idee — der Prompt oben ist dein Einstieg.
