Een Claude Design artefact (HTML-deck) delen en engagement per slide volgen

HummingDeck Team
··8 min. leestijd
Een Claude Design artefact (HTML-deck) delen en engagement per slide volgen

Claude Design schrijft een pitchdeck van twaalf slides terwijl jij koffie zet. Beschrijf de investeerdersnarratief, vraag het deck op, en een paar minuten later heb je een verzorgd interactief HTML-artefact, in jouw brand, klaar om te versturen. Het lastige deel is niet meer het bouwen van het deck. Het is alles wat daarna komt.

Je wilt het sturen naar een investeerder, een sales prospect of een interne stakeholder. Je wilt weten of die het echt heeft gelezen, op welke slides die tijd doorbracht en of die het heeft doorgestuurd. De standaardopties zijn allemaal slecht:

  • E-mailbijlage. De meeste e-mailclients blokkeren HTML-bijlagen. De clients die het niet doen, plat slaan of sandboxen het bestand vaak totdat de interactiviteit breekt.
  • Google Drive. Drive rendert het bestand niet. Je investeerder opent de link en ziet ruwe HTML-broncode of een gebroken preview, geen pitch.
  • PDF-export. Strippt de interactiviteit, animaties en elk ingebed gedrag. Je hebt een verzorgd interactief deck omgezet in een statisch document.
  • Deployen naar Vercel of Netlify. Werkt, maar je hebt zojuist een verzending van vijf minuten omgezet in een deploy-oefening van dertig minuten. En je hebt nog steeds geen engagement-tracking, geen toegangscontrole en geen manier om de link in te trekken.

Claude Design maakt het deck in minuten. De distributielaag is niet meegegroeid. Dat gat is waar deze gids over gaat.

Wat Claude Design is, in één alinea

Claude Design is het visuele prototyping-product van Anthropic Labs, gelanceerd op 17 april 2026. Het staat op claude.ai/design en combineert Claude Opus 4.7 met een HTML-canvas. Een admin koppelt je designsysteem één keer, en elk nieuw project erft het automatisch. Vanaf daar kan iedereen in het team een pitchdeck, mockup of landingspagina in gewone taal beschrijven en het bijschaven via chat, inline commentaar of directe bewerking. Output zit binnen het brand en is interactief. Doelgroep: de oprichter, de AE, de PM of de marketeer zonder designer bij de hand. Anthropic beschrijft de lancering in Introducing Claude Design en de workflow in Get started with Claude Design.

Uit een afgerond Claude Design-project zijn er twee uitgangen, beide ingebouwd:

  • Handoff naar Claude Code als het project een prototype is dat je wilt omzetten in echte productiecode.
  • Exporteren en extern delen als het project een deck, one-pager of landingspagina is dat je wilt laten lezen door een prospect, investeerder of klant.

Deze gids gaat over het tweede pad. De ingebouwde share link van Claude Design is beperkt tot je organisatie, dus collega's met org-toegang kunnen bekijken of bewerken. Hij geeft je geen link die je aan iemand buiten het bedrijf kunt geven met toegangscontroles en engagement-tracking. HummingDeck is die laag.

Stap 1: Exporteer uit Claude Design als zelfstandige HTML

Open het deck in Claude Design en klik op Export rechtsboven in het canvas. Het menu toont zes opties: Download as .zip, Export as PDF, Export as PPTX, Send to Canva, Export as standalone HTML en Handoff to Claude Code. Kies Export as standalone HTML.

Je krijgt één .html-bestand met alles inline: fonts, afbeeldingen, brand-assets. Dit is het Claude-artefact in zijn deelbare vorm, een volledig HTML-deck zonder externe afhankelijkheden.

Bewaar het artefact ergens waar je het kunt terugvinden.

Een opmerking over de andere exports. PPTX werkt om het deck door te geven aan een collega die in PowerPoint verder werkt, maar de conversie van HTML naar PPTX is verlieslatend: de brand kit drijft af, layouts schuiven, animaties verdwijnen. PDF behoudt het uiterlijk maar verliest alles wat interactief is. De .zip is een multi-file bundel, vooral gekoppeld aan de Claude Code-handoff. Voor een externe verzending waarbij je ook wilt zien wat de ontvanger doet, is zelfstandige HTML de juiste keuze.

Stap 2: Upload in HummingDeck

Sleep het Claude-artefact in je HummingDeck-deckbibliotheek. Geen API-call naar Anthropic, geen OAuth, geen "verbind je Claude-account"-stap. Je exporteert het bestand, je uploadt het. Dat is de hele integratie.

HummingDeck pakt de bundler-payload van het artefact uit bij upload, zodat de slidestructuur correct gedetecteerd wordt. Het deck landt in je bibliotheek met het juiste aantal secties.

Het wordt geleverd vanuit een sandboxed viewer, dus de HTML, CSS en JavaScript binnen de export draaien geïsoleerd. De ontvanger houdt de interactiviteit. Je account blijft beschermd.

De standaard share-link-controls zijn van toepassing:

  • E-mail gate zodat alleen specifieke ontvangers kunnen bekijken.
  • Linkvervaldatum zodat het deck na een datum niet meer werkt.
  • Toegang intrekken op elk moment, ook nadat de ontvanger de URL al heeft.
  • Eigen domein zodat de share-URL op jouw merk staat, niet op het onze.
  • Kijkermeldingen zodat je gepingd wordt op het moment dat iemand opent.

Stem ze af op de use case. Investeerders: e-mail gate, vervaldatum bij sluiting van de ronde, eigen domein. Sales prospects: domein-gate, langere vervaldatum, melding bij elke weergave. Interne stakeholders: geen gate, korte vervaldatum, meldingen uit.

Genereer de link. Klaar.

Stuur de link per e-mail. De ontvanger klikt, landt in de HummingDeck-viewer en leest (of leest niet) de slides.

De tracking draait binnen de viewer en volgt wat de ontvanger daadwerkelijk doet: op welke slide hij zit, hoe lang hij erbij blijft, hoe ver hij in het deck komt, welke links en knoppen hij klikt. Het is afgestemd op de vorm van Claude Design-exports, dus de uitsplitsing per slide is accuraat.

In je dashboard:

  • Tijd per slide. Op welke slides hij vier minuten doorbracht, welke hij in vijftien seconden doorvloog.
  • Voltooiingspercentage. Bereikte hij de ask-slide, of stopte hij bij de probleem-slide?
  • Kliks. Elke link of knop binnen het deck, inclusief elk interactief prototype dat Claude Design heeft ingebed.
  • Forward-inferentie. Wanneer een tweede kijker-fingerprint het deck opent in hetzelfde venster en netwerk of geografie niet overeenkomen met de eerste kijker, markeert HummingDeck het als waarschijnlijk doorgestuurd. Een interne champion verkoopt voor jou.
  • Terugkerende bezoeken. Wanneer iemand weken later terugkomt naar het deck, krijg je een melding. Vaak een budgetcyclus, board-voorbereiding of een vastgelopen deal die weer beweegt.

In een sales-motion bepalen die vijf signalen de volgende stap. Een prospect die twee minuten op de prijs-slide blijft hangen verdient een andere follow-up dan iemand die op slide twee afhaakt. Een prospect die het deck doorstuurt naar drie collega's verdient een andere follow-up dan iemand die het alleen om 23 uur opent.

Waarom dit signaal eerlijker is dan openpercentages

Openpercentages van cold e-mail meten in 2026 nauwelijks nog iets. Apple Mail Privacy Protection, zakelijke beveiligingsscanners en AI-postbusagents laden elke tracking-pixel vooraf, voordat een mens het bericht ziet. Veel SDR-teams zien openpercentages boven de 40% op campagnes waar de echte menselijke leespercentages eencijferig zijn. De volledige mechaniek dekten we in Openpercentages van cold e-mail zijn dood en de bredere pixel-en-bevestiging-faalmodus in Werken e-mail-leesbevestigingen echt?.

Engagement op een deck dat jij hebt gedeeld is een andere categorie. Bots lezen niet vier minuten lang. Scanners komen drie weken later niet terug bij de prijs-slide. AI-postbusagents sturen het deck niet door naar een CFO. Wanneer je die signalen ziet op een Claude Design-artefact achter een getrackte link, zie je echt menselijk gedrag. Dat is het soort signaal waar je werkelijk op kunt forecasten.

De verschuiving is structureel. Claude Design laat je een deck in minuten lanceren. Het aantal decks per vertegenwoordiger in omloop loopt snel op. De vraag voor revenue-teams is niet meer "hoe maak ik meer decks", maar "hoe weet ik welke van de decks die ik verstuur echt zijn aangekomen". Engagement per slide, gekoppeld aan een specifieke ontvanger, is het signaal dat de bot-laag overleeft.

Voorbij Claude Design: dezelfde flow voor andere AI-tools

Hetzelfde uploadpad accepteert alles dat zelfstandige HTML exporteert. ChatGPT canvas, v0-demos, Lovable-apps, Bolt-projecten, Manus-artefacten, Cursor-previews. Dezelfde getrackte link, dezelfde sandboxed viewer, dezelfde engagement per sectie op elk artefact. Claude Design was de aanleiding door de snelheid waarmee het verzorgde HTML-decks oplevert, maar de capaciteit dekt elk AI-gegenereerd artefact in hetzelfde formaat.

Als je meerdere AI-tools draait en één distributielaag nodig hebt voor alles wat ze produceren, dan is HummingDeck precies dat. Eén bibliotheek, één analytics-view, één set share-controls voor elk deck, artefact en prototype dat je team uitlevert.


Verwante artikelen: