Ein Claude Design Artefakt (HTML-Deck) teilen und Engagement pro Folie tracken

HummingDeck Team
··8 Min. Lesezeit
Ein Claude Design Artefakt (HTML-Deck) teilen und Engagement pro Folie tracken

Claude Design schreibt Ihnen ein zwölfseitiges Pitch-Deck, während Sie Kaffee kochen. Beschreiben Sie das Investoren-Narrativ, fordern Sie das Deck an, und wenige Minuten später haben Sie ein poliertes interaktives HTML-Artefakt, on-brand und versandfertig. Der harte Teil ist nicht mehr das Bauen des Decks. Es ist alles, was danach kommt.

Sie wollen es an einen Investor, einen Sales-Prospect oder einen Stakeholder schicken. Sie wollen wissen, ob er es wirklich gelesen hat, auf welchen Folien er Zeit verbracht hat und ob er es weitergeleitet hat. Die Standardoptionen sind alle schlecht:

  • E-Mail-Anhang. Die meisten E-Mail-Clients blockieren HTML-Anhänge. Die, die es nicht tun, neigen dazu, die Datei zu flachzudrücken oder zu sandboxen, bis die Interaktivität bricht.
  • Google Drive. Drive rendert die Datei nicht. Ihr Investor öffnet den Link und sieht rohen HTML-Quellcode oder eine kaputte Vorschau, keinen Pitch.
  • PDF-Export. Streicht die Interaktivität, Animationen und alles eingebaute Verhalten. Sie haben ein poliertes interaktives Deck genommen und in ein statisches Dokument verwandelt.
  • Auf Vercel oder Netlify deployen. Funktioniert, aber Sie haben gerade einen fünfminütigen Versand in eine dreißigminütige Deployment-Übung verwandelt. Und Sie haben immer noch kein Engagement-Tracking, keine Zugriffskontrollen und keine Möglichkeit, den Link zu widerrufen.

Claude Design baut das Deck in Minuten. Die Distributionsschicht ist nicht mitgekommen. Genau darum geht es in diesem Leitfaden.

Was Claude Design ist, in einem Absatz

Claude Design ist das Produkt für visuelles Prototyping von Anthropic Labs, gestartet am 17. April 2026. Es liegt unter claude.ai/design und kombiniert Claude Opus 4.7 mit einer HTML-Canvas. Ein Admin verdrahtet Ihr Design-System einmal, und jedes neue Projekt übernimmt es danach automatisch. Anschließend kann jeder im Team ein Pitch-Deck, ein Mockup oder eine Landing Page in natürlicher Sprache beschreiben und über Chat, Inline-Kommentare oder Direkt-Edits anpassen. Output ist on-brand und interaktiv. Zielgruppe: die Gründerin, der AE, die PM oder der Marketer, die keinen Designer zur Hand haben. Anthropic beschreibt den Launch in Introducing Claude Design und den Workflow in Get started with Claude Design.

Aus einem fertigen Claude Design Projekt gibt es zwei Wege, beide eingebaut:

  • Handoff to Claude Code, wenn das Projekt ein Prototyp ist, den Sie in echten produktiven Code überführen möchten.
  • Exportieren und extern teilen, wenn das Projekt ein Deck, ein One-Pager oder eine Landing Page ist, das ein Prospect, Investor oder Kunde lesen soll.

Dieser Leitfaden behandelt den zweiten Weg. Der eingebaute Share-Link von Claude Design ist auf Ihre Organisation begrenzt, damit Kollegen mit Org-Zugang ansehen oder bearbeiten können. Er gibt Ihnen keinen Link, den Sie nach außen weiterreichen können, mit Zugriffskontrollen und Engagement-Tracking. HummingDeck ist diese Schicht.

Schritt 1: Aus Claude Design als eigenständiges HTML exportieren

Öffnen Sie das Deck in Claude Design und klicken Sie auf Export oben rechts in der Canvas. Das Menü listet sechs Optionen: Download as .zip, Export as PDF, Export as PPTX, Send to Canva, Export as standalone HTML und Handoff to Claude Code. Wählen Sie Export as standalone HTML.

Sie bekommen eine einzelne .html-Datei mit allem eingebettet: Schriften, Bilder, Markenelemente. Das ist das Claude Artefakt in seiner teilbaren Form (in Anthropics englischer Doku: das Claude Artifact), ein vollständiges HTML-Deck ohne externe Abhängigkeiten.

Legen Sie das Artefakt irgendwo ab, wo Sie es wiederfinden.

Ein kurzes Wort zu den anderen Exporten. PPTX taugt für die Weitergabe an einen Kollegen, der in PowerPoint weiterarbeitet, aber die HTML-zu-PPTX-Konvertierung verliert Qualität: Brand-Kit driftet, Layouts verschieben sich, Animationen verschwinden. PDF erhält den Look, verliert aber alles Interaktive. Das .zip ist ein Multi-File-Bundle, meist gepaart mit dem Claude Code Handoff. Für einen externen Versand, bei dem Sie auch sehen wollen, was der Empfänger tut, ist eigenständiges HTML die richtige Wahl.

Schritt 2: In HummingDeck hochladen

Ziehen Sie das Claude Artefakt in Ihre HummingDeck Deck-Bibliothek. Kein API-Call zu Anthropic, kein OAuth, kein „Claude-Konto verbinden"-Schritt. Sie exportieren die Datei, Sie laden sie hoch. Das ist die ganze Integration.

HummingDeck entpackt die Bundler-Payload des Artefakts beim Upload, damit die Folienstruktur korrekt erkannt wird. Das Deck landet in Ihrer Bibliothek mit der richtigen Anzahl an Abschnitten.

Es wird aus einem sandboxed Viewer ausgeliefert, sodass HTML, CSS und JavaScript im Export isoliert laufen. Der Empfänger behält die Interaktivität. Ihr Account bleibt geschützt.

Die üblichen Share-Link-Kontrollen greifen:

  • E-Mail-Gate, damit nur bestimmte Empfänger sehen können.
  • Link-Ablauf, damit das Deck nach einem Datum nicht mehr funktioniert.
  • Zugriff widerrufen jederzeit, auch nachdem der Empfänger die URL hat.
  • Eigene Domain, damit die Share-URL auf Ihrer Marke sitzt, nicht auf unserer.
  • Viewer-Benachrichtigungen, damit Sie gepingt werden, sobald jemand öffnet.

Justieren Sie nach Use Case. Investoren: E-Mail-Gate, Ablauf am Ende der Runde, eigene Domain. Sales-Prospects: Domain-Gate, längerer Ablauf, Benachrichtigung bei jeder Ansicht. Interne Stakeholder: kein Gate, kurzer Ablauf, Benachrichtigungen aus.

Link generieren. Fertig.

Schicken Sie den Link per E-Mail. Der Empfänger klickt, landet im HummingDeck Viewer und liest (oder liest nicht) die Folien.

Das Tracking läuft im Viewer und beobachtet, was er tatsächlich tut: auf welcher Folie er ist, wie lange er dort bleibt, wie weit er im Deck kommt und welche Links und Buttons er klickt. Es ist auf die Form von Claude Design Exporten kalibriert, sodass die Aufschlüsselung pro Folie präzise ist.

In Ihrem Dashboard:

  • Verweildauer pro Folie. Auf welchen Folien er vier Minuten verbracht hat, welche er in fünfzehn Sekunden überflogen hat.
  • Abschlussquote. Hat er die Ask-Folie erreicht oder ist er bei der Problem-Folie ausgestiegen?
  • Klicks. Jeder Link oder Button im Deck, einschließlich jedes interaktiven Prototyps, den Claude Design eingebettet hat.
  • Forwarding Inference. Wenn ein zweiter Betrachter-Fingerprint das Deck im selben Fenster öffnet und Netzwerk oder Geografie nicht zum ersten Betrachter passen, kennzeichnet HummingDeck es als wahrscheinliche Weiterleitung. Ein Champion verkauft intern für Sie.
  • Rückkehrbesuche. Wenn jemand Wochen später zurückkommt, werden Sie benachrichtigt. Meist ein Budget-Zyklus, Board-Vorbereitung oder ein festgefahrener Deal, der wieder in Bewegung kommt.

In einem Sales-Motion bestimmen diese fünf Signale Ihren nächsten Zug. Ein Prospect, der zwei Minuten auf der Preise-Folie verweilt, bekommt einen anderen Follow-up als einer, der bei Folie zwei abspringt. Ein Prospect, der das Deck an drei Kollegen weiterleitet, bekommt einen anderen Follow-up als einer, der es nachts um 23 Uhr allein öffnet.

Warum dieses Signal ehrlicher ist als Öffnungsraten

Cold-Email-Öffnungsraten messen 2026 kaum noch etwas. Apple Mail Privacy Protection, Sicherheits-Scanner in Unternehmen und KI-Postfach-Agenten laden jeden Tracking-Pixel vor, bevor ein Mensch die Nachricht sieht. Viele SDR-Teams sehen Öffnungsraten in den hohen 40ern bei Kampagnen, in denen die tatsächliche menschliche Leserschaft im einstelligen Bereich liegt. Die volle Mechanik haben wir in Cold Email Open Rates Are Dead abgedeckt und den breiteren Pixel-und-Bestätigung-Ausfall in Do Email Read Receipts Actually Work?.

Engagement auf einem Deck, das Sie geteilt haben, ist eine andere Kategorie. Bots lesen nicht vier Minuten lang. Scanner kehren nicht drei Wochen später zur Preise-Folie zurück. KI-Postfach-Agenten leiten das Deck nicht an einen CFO weiter. Wenn Sie diese Signale auf einem Claude Design Artefakt hinter einem getrackten Link sehen, sehen Sie echtes menschliches Verhalten. Das ist die Art Signal, auf die Sie tatsächlich forecasten können.

Die Verschiebung ist strukturell. Claude Design lässt Sie ein Deck in Minuten ausliefern. Die Zahl der Decks pro Vertriebsmitarbeiter im Umlauf klettert schnell. Die Frage für Revenue-Teams ist nicht mehr „wie mache ich mehr Decks", sondern „wie erkenne ich, welche der Decks, die ich versende, tatsächlich gelandet sind." Engagement pro Folie, gebunden an einen konkreten Empfänger, ist das Signal, das die Bot-Schicht überlebt.

Jenseits von Claude Design: derselbe Flow für andere KI-Tools

Derselbe Upload-Pfad nimmt alles, was eigenständiges HTML exportiert. ChatGPT Canvas, v0 Demos, Lovable Apps, Bolt Projekte, Manus Artefakte, Cursor Previews. Derselbe getrackte Link, derselbe sandboxed Viewer, dasselbe Engagement pro Abschnitt auf jedem Artefakt. Claude Design war die Initialzündung wegen der Geschwindigkeit, mit der es polierte HTML-Decks ausliefert, aber die Fähigkeit deckt jedes KI-generierte Artefakt im selben Format ab.

Wenn Sie mehrere KI-Tools im Stack laufen lassen und eine einzige Distributionsschicht für alles brauchen, was sie produzieren, ist genau das HummingDeck. Eine Bibliothek, eine Analytics-Ansicht, ein Satz Share-Kontrollen für jedes Deck, Artefakt und Prototyp, das Ihr Team ausliefert.


Weiterführend: