Como Criar uma Apresentação de IA com Windsurf e Vibe Coding

Como entusiasta de tecnologia sempre em busca de ferramentas inovadoras, recentemente embarquei em um projeto para criar uma apresentação profissional no PowerPoint para um treinamento de 6 horas sobre fluxos de trabalho de IA no FlowHunt.io. O que tornou essa experiência notável foi como utilizei o Windsurf com o Claude 4 Sonnet como seu LLM para gerar uma apresentação de 24 slides usando a biblioteca pptxgenjs—tudo com um único prompt e um roteiro bem estruturado. Veja como tudo aconteceu.

O Objetivo: Uma Apresentação Prática e Visual

Meu objetivo era criar uma apresentação envolvente e interativa para um workshop de 6 horas sobre o FlowHunt.io, uma plataforma para construção de fluxos de trabalho de IA. A apresentação precisava:

• Ser prática e visual, com explicações concisas seguidas de demonstrações práticas
• Incluir casos de uso reais envolvendo finanças, RH, compliance e gestão de projetos
• Ter elementos interativos, como tarefas ou quizzes a cada 30 minutos para reforçar o aprendizado
• Seguir um formato estruturado em duas sessões, cobrindo desde fluxos básicos até componentes modulares de processos (MPCs)

Para garantir clareza, usei primeiro o Claude 4 Sonnet para gerar um roteiro detalhado da apresentação, dividindo-a em duas sessões de 3 horas com tópicos e horários específicos. Esse roteiro tornou-se a base do projeto, guiando tanto o conteúdo quanto a estrutura dos slides.

A Ferramenta: pptxgenjs e Windsurf com Claude 4 Sonnet

Escolhi a biblioteca pptxgenjs porque é uma poderosa ferramenta em JavaScript para gerar apresentações do PowerPoint programaticamente. Sua capacidade de criar slides e adicionar textos, imagens e formatação via código a tornou ideal para automação. Para transformar essa visão em realidade, usei o Windsurf, alimentado pelo Claude 4 Sonnet, para escrever o código e gerar a apresentação com base no meu roteiro.

O processo começou com a instalação da biblioteca usando o comando:

npm install pptxgenjs

Isso instalou a biblioteca e suas dependências em segundos, preparando o terreno para a criação da apresentação.

O Prompt: Uma Única Instrução, Um Resultado Completo

Com a biblioteca instalada, elaborei um único e detalhado prompt para o Claude 4 Sonnet via Windsurf. O prompt incluía:

• O comando de instalação do pptxgenjs
• O roteiro completo do treinamento de 6 horas, dividido em dois pacotes de slides (Sessão 1 e Sessão 2)
• Critérios específicos para a apresentação, enfatizando aprendizado prático, elementos visuais e casos de uso reais
• Instruções para criar slides para cada módulo, incluindo introduções, demonstrações ao vivo, casos de uso e um desafio final

Veja uma versão simplificada da estrutura do prompt:

Instale npm i pptxgenjs. Crie uma apresentação usando a biblioteca pptxgenjs para um treinamento de 6 horas sobre fluxos de trabalho de IA no FlowHunt.io. Siga este roteiro: [detalhamento das sessões]. Garanta que a apresentação seja prática, visual, inclua casos de uso reais (finanças, RH, compliance) e tenha tarefas interativas a cada 30 minutos. Crie slides para: Boas-vindas, Introdução ao FlowHunt, Canvas de Workflow, Demonstração ao Vivo, Conexões de Ferramentas, Iteração, Casos de Uso, MPCs, Lógica, APIs, Monitoramento, Compliance, Implantação, Desafio Final e Perguntas & Respostas.

Com esse prompt, o Claude 4 Sonnet gerou um arquivo JavaScript completo (flowhunt-training.js) que utilizava o pptxgenjs para criar uma apresentação de 24 slides. O script cuidou de tudo, desde layouts dos slides até a identidade visual consistente com a paleta de cores do FlowHunt.

O Processo: Do Código aos Slides

Executar o script gerado foi simples. Rodei:

node flowhunt-training.js

O script rodou sem problemas, embora eu tenha recebido alguns avisos sobre códigos de cor inválidos (“70AD4720 não é uma cor de esquema válida ou RGB hex! ‘000000’ foi usado em seu lugar”). Foram questões menores que não afetaram o resultado, pois a biblioteca utilizou preto como padrão. Em poucos instantes, o script gerou um arquivo chamado FlowHunt-AI-Workflows-Training.pptx com 24 slides profissionalmente formatados.

A apresentação foi uma obra-prima de automação:

Sessão 1 (10 slides): Abordou o básico do FlowHunt.io, uma demonstração ao vivo de construção de workflow, conexões de ferramentas (CSV, Google Sheets), dicas de iteração e casos de uso para finanças (validação de orçamento) e RH (bot de onboarding automatizado). Também introduziu os MPCs usando uma metáfora simples de LEGO.

Sessão 2 (8 slides): Focou em tópicos avançados, incluindo criação de MPCs, lógica condicional, integrações de API (Google Search, CRM, Slack), governança, bots de compliance e implantação. Concluiu com um slide de desafio final para uma tarefa no estilo mini-hackathon.

Slides Adicionais: Incluíram slides de boas-vindas, agenda, pausa, perguntas & respostas e agradecimentos, garantindo um fluxo polido em toda a apresentação.

Os slides apresentaram identidade visual consistente, títulos claros e elementos visuais com espaços reservados para GIFs ou vídeos. Elementos interativos, como instruções passo a passo para demonstrações e desafios em grupo, foram integrados perfeitamente.

O Resultado: Uma Apresentação Pronta para Uso

O resultado final foi um arquivo PowerPoint de 239KB pronto para ser aberto em qualquer software compatível. Junto com a apresentação, o Claude 4 Sonnet gerou um arquivo README.md documentando o projeto, incluindo instruções de uso e destaques da apresentação. O resultado foi uma apresentação profissional, interativa e visualmente atraente, perfeitamente alinhada com meus critérios.

Reflexões: O Poder do Desenvolvimento Orientado por IA

Esta experiência demonstrou o notável poder de ferramentas de IA como Windsurf e Claude 4 Sonnet. Com um único prompt, transformei um roteiro de alto nível em uma apresentação totalmente realizada de 24 slides, completa com formatação, identidade visual e elementos interativos. A biblioteca pptxgenjs se mostrou uma escolha robusta, e a capacidade do Claude de entender meus requisitos e gerar código funcional foi impressionante.

O mais marcante foi a eficiência. Escrever o código manualmente teria levado horas, senão dias, especialmente para garantir formatação consistente em 24 slides. O Claude fez isso em segundos, produzindo um script modular e fácil de customizar. Os pequenos avisos de código de cor foram um detalhe, facilmente corrigido ajustando os valores hexadecimais no script, se necessário.

Próximos Passos

Estou muito satisfeito com o resultado e pretendo usar esta apresentação no meu treinamento do FlowHunt.io. Para o futuro, posso aprimorá-la:

• Adicionando imagens ou GIFs personalizados aos slides (o script já inclui espaços reservados)
• Refinando a paleta de cores para eliminar avisos
• Ampliando os desafios interativos com instruções mais detalhadas

Este projeto me inspirou a explorar mais automação orientada por IA para criação de conteúdos. Se você procura criar apresentações de forma rápida e eficiente, recomendo fortemente combinar o pptxgenjs com uma ferramenta de IA como o Claude 4 Sonnet via Windsurf—realmente é um divisor de águas!