Resumo detalhado de uma masterclass em vídeo sobre como criar e…

INEMA

O vídeo “Windsurf Masterclass: How to Build & Deploy AI Apps | STEP-BY-STEP” é uma aula prática de quase 1 hora com Ahmed, fundador da Agenic AI, onde ele ensina como criar e implantar aplicações completas de IA utilizando o WindSurf, um IDE baseado em agentes com foco em automação e produtividade no desenvolvimento com IA generativa.

Resumo completo⌗

O vídeo aborda três projetos principais com passo a passo, explicações de ferramentas e melhores práticas:

1. Invoice Analyzer (Analisador de Notas Fiscais)⌗

Função: Usuário envia um PDF de nota fiscal e escolhe os campos que deseja extrair (nome, subtotal etc.)
Tecnologia: Azure Document Intelligence
Exportação: JSON e CSV
Processo:
Criar conta na Azure com créditos gratuitos
Configurar API Key e Endpoint
Criar app com Next.js + Tailwind
Usar GPT customizado para gerar o instructions.md
Enviar instruções para o agente do WindSurf (Cascade) gerar o código
Corrigir erros com ajuda do próprio agente
Testar localmente e fazer commit no GitHub
Melhorar UI com upload de imagens como referência
Baixar os dados extraídos

Função: Transforma links de vídeos, artigos ou textos em artigos e posts para LinkedIn e Twitter
Funcionalidades:
Cadastro com onboarding
Definição de voz da marca, persona e preferências de conteúdo
Geração de artigos e posts com controle de tokens
Integração com Supabase para autenticação, conteúdo e tracking de tokens
Pagamentos via Stripe (com testes locais via webhook e Stripe CLI)
Destaques:
Banco com 4 tabelas: perfis, personas, conteúdos e tokens
Permissão baseada em saldo de tokens
Interface clara, navegação por abas e UX bem pensado
Deploy usando Railway com ambiente .env

3. LangLink (Mensageiro com Tradução em Tempo Real)⌗

Função: Mensagens entre usuários com tradução automática
Tecnologia: Superbase + OpenAI Chat para tradução
Funcionalidades:
Login/cadastro com idioma preferido
Lista de contatos e adição por e-mail
Envio e recepção com tradução em tempo real
UI responsiva e modo escuro

10 Boas Práticas para usar WindSurf⌗

Criar um instructions.md bem definido com descrição e código da API
Dividir o app por features pequenas e sequenciais
Incluir trechos de documentação (snippets) direto no instructions
Sempre abrir novo chat para cada etapa
Manter app rodando para testar antes de aceitar as alterações
Upload de imagens para referência de UI ou debugging
Aceitar apenas partes específicas do código gerado
Adicionar no final do prompt: “não altere funcionalidades existentes”
Fazer commits frequentes como checkpoints no GitHub
Quando tudo falhar, usar o ChatGPT-4-0125 para debug externo

Ferramentas e Tecnologias Usadas⌗

WindSurf (IDE com agentes)
Supabase
Stripe
Azure Document Intelligence
Tailwind CSS
Next.js 15
Railway (Deploy)
OpenAI / Anthropic Claude (geração de texto)

Aplicações criadas⌗

Nome do App	Propósito	Tecnologias principais
Invoice Analyzer	Extração de dados de PDF (faturas)	Azure Document Intelligence
Social Scribe	Geração de conteúdo com tokens e pagamento	Supabase, Stripe, Claude
LangLink	Chat traduzido em tempo real	Supabase, OpenAI Chat, Tailwind