Como compartilhar um artefato do Claude Design (deck HTML) e medir o engajamento por slide

HummingDeck Team
··9 min de leitura
Como compartilhar um artefato do Claude Design (deck HTML) e medir o engajamento por slide

O Claude Design escreve um pitch de doze slides enquanto você faz café. Descreva a narrativa para investidores, peça o deck, e poucos minutos depois você tem um artefato HTML interativo, polido, dentro da sua marca, pronto para enviar. O difícil já não é construir o deck. É tudo o que vem depois.

Você quer enviá-lo a um investidor, a um potencial cliente comercial ou a um stakeholder interno. Quer saber se a pessoa realmente leu, em quais slides passou tempo e se encaminhou para alguém. As opções padrão são todas ruins:

  • Anexo de e-mail. A maioria dos clientes de e-mail bloqueia anexos HTML. Os que não bloqueiam costumam achatar ou isolar o arquivo até que a interatividade quebre.
  • Google Drive. O Drive não renderiza o arquivo. Seu investidor abre o link e vê código HTML cru ou uma pré-visualização quebrada, não um pitch.
  • Exportar para PDF. Remove a interatividade, as animações e qualquer comportamento embutido. Você pegou um deck interativo polido e transformou em um documento estático.
  • Subir no Vercel ou Netlify. Funciona, mas você acabou de transformar um envio de cinco minutos num exercício de deploy de trinta. E ainda não tem rastreamento de engajamento, controle de acesso, nem como revogar o link.

O Claude Design produz o deck em minutos. A camada de distribuição não acompanhou. Essa é a lacuna sobre a qual este guia fala.

O que é Claude Design, em um parágrafo

O Claude Design é o produto de prototipagem visual do Anthropic Labs, lançado em 17 de abril de 2026. Fica em claude.ai/design e combina o Claude Opus 4.7 com um canvas HTML. Um admin conecta o design system uma vez, e todo projeto novo herda automaticamente. A partir daí, qualquer pessoa do time pode descrever um pitch deck, um mockup ou uma landing page em linguagem natural e refinar via chat, comentários in-line ou edição direta. A saída fica dentro da marca e é interativa. O público-alvo: o fundador, o AE, a PM ou a marketeira que não tem designer por perto. A Anthropic descreve o lançamento em Introducing Claude Design e o workflow em Get started with Claude Design.

Um projeto Claude Design finalizado tem duas saídas, ambas embutidas:

  • Handoff para o Claude Code quando o projeto é um protótipo que você quer transformar em código de produção.
  • Exportar e compartilhar externamente quando o projeto é um deck, um one-pager ou uma landing page que você quer que um prospect, investidor ou cliente leia.

Este guia trata do segundo caminho. O link de compartilhamento embutido do Claude Design fica restrito à sua organização, com colegas de acesso interno podendo ver ou editar. Ele não te dá um link que dê para entregar a alguém de fora da empresa com controles de acesso e rastreamento de engajamento. O HummingDeck é essa camada.

Passo 1: Exportar do Claude Design como HTML autônomo

Abra o deck no Claude Design e clique em Export no canto superior direito do canvas. O menu lista seis opções: Download as .zip, Export as PDF, Export as PPTX, Send to Canva, Export as standalone HTML e Handoff to Claude Code. Escolha Export as standalone HTML.

Você obtém um único arquivo .html com tudo embutido: fontes, imagens, ativos de marca. Esse é o artefato do Claude na forma compartilhável dele, um deck HTML completo, sem dependências externas.

Salve o artefato em algum lugar que você ache depois.

Uma nota sobre os outros exports. PPTX serve para entregar o deck a um colega que continuará editando no PowerPoint, mas a conversão de HTML para PPTX é com perda: o brand kit desvia, layouts se deslocam, animações somem. PDF preserva o visual mas perde tudo de interativo. O .zip é um bundle multi-arquivo, pensado sobretudo para o handoff ao Claude Code. Para um envio externo em que você também quer ver o que o destinatário faz, o HTML autônomo é o caminho certo.

Passo 2: Subir para o HummingDeck

Arraste o artefato do Claude para sua biblioteca de decks no HummingDeck. Sem chamada à API da Anthropic, sem OAuth, sem passo de "conectar conta do Claude". Você exporta o arquivo, você sobe. Essa é toda a integração.

O HummingDeck desempacota o bundler do artefato no upload, para que a estrutura de slides seja detectada corretamente. O deck aterrissa na sua biblioteca com a quantidade certa de seções.

Ele é servido a partir de um viewer em sandbox, então o HTML, CSS e JavaScript dentro do export rodam isolados. O destinatário mantém a interatividade. Sua conta segue protegida.

Os controles padrão de link de compartilhamento se aplicam:

  • Email gate para que só destinatários específicos vejam.
  • Expiração do link para que o deck pare de funcionar após uma data.
  • Revogar acesso a qualquer momento, mesmo depois de o destinatário já ter a URL.
  • Domínio personalizado para que a URL de compartilhamento fique na sua marca, não na nossa.
  • Notificações de visualização para te pingar no momento em que alguém abrir.

Ajuste pelo caso. Investidores: email gate, expiração no fechamento da rodada, domínio personalizado. Prospects comerciais: gate por domínio, expiração mais longa, notificação a cada visualização. Stakeholders internos: sem gate, expiração curta, notificações desligadas.

Gere o link. Pronto.

Mande o link por e-mail. O destinatário clica, cai no viewer do HummingDeck e lê (ou não lê) os slides.

O rastreamento roda dentro do viewer e observa o que a pessoa realmente faz: em que slide está, quanto tempo passa ali, até onde avança no deck e quais links e botões clica. Está calibrado para o formato dos exports do Claude Design, então o detalhamento por slide vem preciso.

No seu painel:

  • Tempo por slide. Em quais slides a pessoa passou quatro minutos, quais ela passou em quinze segundos.
  • Porcentagem de conclusão. Chegou ao slide do pedido, ou saiu no slide do problema?
  • Cliques. Cada link ou botão dentro do deck, incluindo qualquer protótipo interativo que o Claude Design tenha embutido.
  • Inferência de encaminhamento. Quando uma segunda impressão digital de visualizador abre o deck na mesma janela e a rede ou a geografia não batem com a primeira, o HummingDeck marca como encaminhamento provável. Um campeão está vendendo por você internamente.
  • Visitas de retorno. Quando alguém volta ao deck semanas depois, você recebe alerta. Geralmente é um ciclo de orçamento, preparação de conselho ou um deal travado voltando a andar.

Numa motion comercial, esses cinco sinais decidem o próximo passo. Um prospect que fica dois minutos no slide de preço merece um follow-up diferente do que sai no slide dois. Um que encaminha o deck para três colegas merece um follow-up diferente do que abre sozinho às 23h.

Por que esse sinal é mais honesto que as taxas de abertura

As taxas de abertura de cold e-mail mal medem qualquer coisa em 2026. O Apple Mail Privacy Protection, os scanners corporativos de segurança e os agentes de IA na caixa de entrada pré-carregam cada pixel de rastreamento antes de um humano ver a mensagem. Muitos times de SDR veem taxas de abertura na casa dos 40 e poucos por cento em campanhas em que a leitura humana real está em um dígito. Cobrimos a mecânica completa em As taxas de abertura de cold e-mail morreram e o modo de falha mais amplo de pixel e confirmação em As confirmações de leitura de e-mail realmente funcionam?.

Engajamento em um deck que você compartilhou é outra categoria. Bots não leem por quatro minutos. Scanners não voltam ao slide de preço três semanas depois. Agentes de IA de caixa de entrada não encaminham o deck para um CFO. Quando você vê esses sinais em um artefato Claude Design por trás de um link rastreável, está vendo comportamento humano real. Esse é o tipo de sinal sobre o qual dá para fazer forecast de verdade.

A mudança é estrutural. Claude Design te deixa publicar um deck em minutos. O número de decks em circulação por vendedor está subindo rápido. A pergunta dos times de receita já não é "como faço mais decks", e sim "como saber quais dos decks que envio realmente aterrissaram". Engajamento por slide, amarrado a um destinatário específico, é o sinal que sobrevive à camada de bots.

Além do Claude Design: o mesmo fluxo para outras ferramentas de IA

O mesmo caminho de upload aceita qualquer coisa que exporte HTML autônomo. ChatGPT canvas, demos do v0, apps do Lovable, projetos do Bolt, artefatos do Manus, prévias do Cursor. Mesmo link rastreável, mesmo viewer em sandbox, mesmo engajamento por seção em cada artefato. O Claude Design foi o gatilho pela velocidade com que entrega decks HTML polidos, mas a capacidade cobre qualquer artefato gerado por IA no mesmo formato.

Se você está rodando várias ferramentas de IA e precisa de uma única camada de distribuição para tudo que elas produzem, é isso que o HummingDeck é. Uma biblioteca, uma visão analítica, um conjunto de controles de compartilhamento para cada deck, artefato e protótipo que seu time entrega.


Leitura relacionada: