O Segredo dos Devs que Usam AI Agents
Erick Wendel
0:00 / 0:00
O Segredo dos Devs que Usam AI Agents
22 071 просмотр · 9 дней назад
Erick Wendel
151 тыс. подписчиков
22 071 просмотр · 9 дней назад
Criei uma alternativa open source ao Google Slides, Canva e Apple Keynote usando AI Agents, Codex, Web AI e zero código digitado manualmente. Foram 55 horas de trabalho, mais de 700 milhões de tokens e um projeto real que eu já estou usando nas minhas próprias apresentações.
Neste vídeo, eu mostro como nasceu o LocalStudio.dev, uma ferramenta para criar, importar, apresentar e traduzir slides diretamente no navegador. Você vai ver como usei Agent Loop, prompt engineering, worktrees, skills, testes automatizados, Playwright, Web AI e APIs nativas do Chrome para tirar uma ideia grande do papel.
Também conto o que deu certo, o que deu errado e as principais lições de campo de batalha ao trabalhar com agentes de IA em um projeto grande de verdade. Não é só um tutorial ou uma demo rápida: é um estudo prático sobre como desenvolvedores podem usar IA para criar produtos completos, delegar tarefas, validar funcionalidades e acelerar o ciclo de desenvolvimento.
Durante o vídeo, você vai ver recursos como controle de apresentação pelo celular, transcrição em tempo real, tradução automática de slides, geração de imagens com IA no navegador, integração com Unsplash e Giphy, apresentações que viram podcast, chat com os slides usando RAG e muito mais.
Se você é dev, trabalha com JavaScript, usa Codex, ChatGPT, Claude, Cursor ou qualquer ferramenta de AI coding, esse vídeo vai te dar uma visão realista sobre o futuro do desenvolvimento de software com agentes autônomos, vibe coding e Web AI.
Assista até o final para entender como estruturar melhor seus prompts, dividir tarefas em worktrees, criar skills reutilizáveis, evitar que a IA se perca no contexto e transformar uma ideia experimental em um projeto open source funcional.
✅ Vem fazer sua consultoria gratuita de carreira com a coders (quem sabe não rende aquela vaga na gringa?) - https://ewbr.cc/coders-descricao
✅ Acesse o projeto https://ewbr.cc/localstudio e deixe sua star no GitHub.
✅ Acesse a apresentação que deixei de exemplo + podcast: https://ewbr.cc/webai-beyond-the-chat...
💡 Se liga! Também temos um grupo exclusivo no WhatsApp, onde compartilho conteúdos, dicas e descontos exclusivos! 🔥 Entra lá! 👉 https://ewbr.cc/ew-grupo-whatsapp
#InteligenciaArtificial #Codex #WebAI #VibeCoding #JavaScript #OpenSource #PromptEngineering #AIdeDesenvolvimento #GoogleSlides #Canva
✅ Chapters
00:00 – Introdução: 55 Horas Criando um Canva com IA
00:53 – Demonstração do LocalStudio em Ação
01:28 – Controle pelo Celular e Transcrição em Tempo Real
02:31 – Como o Projeto Funciona no Navegador
03:02 – Por Que Criar uma Alternativa ao Google Slides
04:06 – Problemas do Google Slides e Histórico de Versões
05:01 – Por Que Slidev Não Resolveu Meu Problema
05:41 – Canva, Keynote e as Limitações das Ferramentas Atuais
07:17 – Nasce o LocalStudio.dev Open Source
08:28 – Tradução de Slides com Web AI
09:32 – Geração de Imagens com IA no Navegador
11:00 – 700 Milhões de Tokens e 100 Mil Linhas de Código
12:00 – O Que Funcionou e o Que Deu Errado com AI Agents
13:13 – Controle Remoto por Celular com Codex
14:28 – Worktrees: Agentes Trabalhando em Paralelo
15:26 – Refatorando CSS Gigante com IA
16:05 – Skills para Padronizar Código e Testes
17:49 – Como Usei Skills para Melhorar o Design
18:30 – Criando o Layout com Google Stitch
19:47 – Delegando Tarefas pelo Celular
20:39 – Testes em Paralelo e Code Coverage
21:45 – O Futuro do Desenvolvedor com IA
23:00 – Lições Sobre Contexto, Worktrees e Tarefas Granulares
24:04 – A Importância do Planejamento com IA
24:41 – Entregar Código Rápido Não Basta
25:33 – Como Acessar e Contribuir com o LocalStudio
26:50 – Tour Final pelo Projeto e CTA para Star no GitHub
27:21 – Web MCP e Automação pelo Navegador
28:11 – APIs Nativas de IA, Tradução e Geração de Slides
29:03 – Unsplash, Giphy e Recursos Visuais
29:31 – Slides Virando Podcast com Áudio e Transcrição
30:09 – RAG e Chat com a Apresentação
31:17 – Atalhos Inspirados no Apple Keynote
31:44 – Patrocinador: Coders e Carreira Internacional
32:33 – Conclusão: Tire Seus Projetos do Papel