Peça HTML em uma conversa comum
Inicie uma conversa no Claude com público, duração, esboço e fontes. Peça explicitamente uma apresentação HTML independente. Um modelo Claude Slides e um arquivo HTML autocontido são resultados diferentes: o apresentador precisa do arquivo, não de um link compartilhado do Claude.
A Anthropic documenta artefatos de chat nos planos Free e pagos, enquanto os modelos Slides estão em beta pago. Este fluxo não exige modelo Slides nem Claude Code. Consulte a documentação de artefatos do Claude para a disponibilidade atual.
Informe ao Claude os requisitos do arquivo
Cole este prompt com seu material. Comece com poucos slides para conferir o resultado antes de ampliar.
Crie uma apresentação HTML autocontida para [público] sobre [tema]. Duração: [minutos]. Use apenas os fatos do material fornecido abaixo. Use layout 16:9 claro, texto legível, CSS/JavaScript embutidos e recursos incorporados. Use section.slide para cada slide, com exatamente um slide .active por vez. Inclua botões anterior/próximo e navegação ArrowLeft/ArrowRight e Home. Dentro de cada slide, adicione um script type="application/json" class="slide-notes" com title, script (texto da fala) e notes (array de textos curtos para tópicos). Oculte as notas do slide. Mantenha o arquivo completo abaixo de 2 MB. Não use frameworks, fontes externas, imagens remotas, chamadas de API ou etapa de build. Entregue o deck.html completo, não apenas um esboço. Material de referência: [cole seu conteúdo]Para uso recorrente em ferramentas compatíveis, obtenha a skill HTML Slide Presenter. Em um chat comum, o prompt é suficiente; instalar a skill é opcional.
Revise um slide específico
Revise o conteúdo e peça uma alteração pontual. Identifique o slide e diga o que deve permanecer igual. Por exemplo:
No slide 2, substitua o parágrafo por três pontos curtos. Preserve layout, outros slides, navegação e notas existentes. Atualize apenas o texto de fala do slide 2 para corresponder. Retorne o HTML completo revisado.Confira novamente números, fontes e legibilidade após a revisão. Peça ao Claude para explicar o que mudou; uma prévia bem acabada não comprova que os fatos ou o arquivo estejam corretos.
Salve o HTML, não a página de prévia
Peça ao Claude a apresentação final como arquivo .html para baixar. Se o arquivo for fornecido, baixe e confira a extensão. Não salve a página da conversa nem envie uma URL de compartilhamento do artefato.
Se a interface não oferecer download HTML, peça o código completo em um único bloco. Copie apenas o código para um editor de texto simples, salve como deck.html em UTF-8 e confirme que não virou deck.html.txt. Evite editores de texto formatado.
Uma exportação de modelo para PowerPoint ou PDF não pode ser enviada aqui. Peça uma versão HTML independente e confira layout e navegação localmente.
Apresente o arquivo salvo
- Abra o arquivo no navegador, percorra os slides e confirme que as imagens essenciais aparecem.
- Mantenha o arquivo abaixo de 2 MB e incorpore notas se quiser lê-las no celular.
- Envie para HTML Slide Presenter, escolha a validade e conclua a verificação de bot.
- Abra a apresentação na tela, leia o QR no celular e confira se mudar o slide também atualiza as notas.
O guia do controle no celular explica a configuração; o guia de notas explica o formato importado.
O que é gratuito?
A apresentação no Tiny Design Shop é gratuita e não exige conta ou aplicativo instalado. Conta, recursos e limites do Claude são separados. Se a geração atingir um limite, aguarde a renovação do acesso ou continue depois; apresentar um arquivo já salvo não exige uma nova geração no Claude.
Testado em 29 de setembro de 2026 no Chat comum do Claude desktop com assinatura Max: um artefato HTML de três slides abriu em Preview/Code, e Download salvou o arquivo completo. Criação e download no plano Free não foram testados. Os controles variam por interface e conta; copiar o código completo continua sendo uma alternativa.