Voltar para o Blog
Vibe Coding11 / 40
  1. 01O que é vibe coding (e o que não é)
  2. 02De escrever código a dirigir a intenção
  3. 03O ciclo: contexto → plano → geração → revisão
  4. 04O arsenal: visão geral do nosso stack de IA
  5. 05Quando não usar vibe coding
  6. 06Da ideia ao protótipo em horas
  7. 07Claude para brainstorm de produto e PRD
  8. 08Claude Artifacts para mockups instantâneos
  9. 09Lovable: do prompt ao app funcional
  10. 10Google AI Studio: prototipando com Gemini
  11. 11Lovable × Claude × Google Studio: quando usar cada um
  12. 12Claude Code: o par de programação que conhece o monorepo
  13. 13Anatomia de um bom prompt de engenharia
  14. 14Plan mode: planejar antes de gerar
  15. 15Skills e slash commands (/investigate, /review, /ship)
  16. 16Refactors e migrations em massa
  17. 17Debugging com IA: do stack trace à causa raiz
  18. 18Supabase: a espinha dorsal de dados
  19. 19Modelagem com Drizzle ORM
  20. 20RLS na prática: a regra que não tem exceção
  21. 21Migrations SQL à mão e o drift DB↔Drizzle
  22. 22Auth com Google OAuth no Supabase
  23. 23Realtime, Storage e o resto do Supabase
  24. 24Trigger.dev: o piloto automático
  25. 25Seu primeiro job agendado
  26. 26Workflows com retry e observabilidade
  27. 27IA em background: resumos e narrativas
  28. 28Deploy do Trigger.dev e as pegadinhas
  29. 29Evolution API: WhatsApp como canal de produto
  30. 30Instância por usuário e gestão centralizada
  31. 31IA gerando resumos de conversa
  32. 32Boas práticas e armadilhas no WhatsApp
  33. 33Integrando APIs de terceiros com IA
  34. 34Anthropic SDK: Claude dentro do produto
  35. 35Resend: e-mail transacional que chega
  36. 36Google Analytics, Search Console e Ads
  37. 37Rate limit, retry, idempotência e secrets
  38. 38GitHub: CI/CD e AI Code Review como portão de qualidade
  39. 39Deploy no Google Cloud Run
  40. 40A cultura por trás do vibe coding (e o futuro)
Vibe CodingParte 11 de 40

Lovable × Claude × Google Studio: quando usar cada um

2 min de leitura
Compartilhar
Vibe Coding

Três ferramentas de ideação, três forças diferentes. A pergunta que fecha o Módulo 1 não é "qual é a melhor?" — é "qual serve a esta etapa?". Escolher errado desperdiça tempo; escolher certo é metade do ganho do vibe coding.

O mapa rápido

Preciso de...FerramentaPor quê
Afiar o problema, escrever PRDClaude (chat)Pensa junto, provoca, estrutura
Ver a tela ganhar formaClaude ArtifactsMockup clicável em minutos, custo zero
Um app que funciona pra testar fluxoLovableDo prompt ao app navegável
Validar uma capacidade de IAGoogle AI StudioPlayground multimodal com Gemini
Construir pra produçãoClaude Code (Módulo 2)Conhece nosso monorepo de verdade

A régua de decisão

Pergunte, em ordem:

  1. Ainda estou pensando o problema? → Claude (chat). Não pule pra ferramenta visual com o problema mal definido.
  2. Quero ver a forma, sem precisar funcionar? → Artifacts. Barato, descartável.
  3. Preciso que funcione pra colher reação/dado? → Lovable.
  4. A dúvida é se a IA dá conta da tarefa? → Google AI Studio.
  5. Já decidi e vai pra produção? → Claude Code, no monorepo, com RLS, tRPC e revisão. Acabou a fase de protótipo.

O erro mais comum

Pular etapa. Ir direto pro Lovable com o problema mal pensado gera um app bonito que resolve a coisa errada. Ou o oposto: ficar refinando PRD eternamente sem nunca mostrar nada clicável. O vibe coding bom flui entre as etapas conforme a dúvida — e cada ferramenta tem o seu momento.

O fio que liga tudo

Independente da ferramenta, valem as três regras da série: contexto bom (a ferramenta só é tão boa quanto o que você descreve), revisão humana (nada vai pra produção no automático) e Lealdade a Dados (protótipo existe pra gerar evidência de decisão).

Da ideação à construção

Fecha aqui o Módulo 1. Você saiu de uma ideia, afiou no Claude, viu a forma no Artifacts, testou o fluxo no Lovable e a capacidade no AI Studio. A decisão está tomada e tem dado por trás. Agora começa a parte de construir pra valer.

⚠️ Armadilha #11: escolher ferramenta por preferência pessoal em vez de por etapa. "Eu gosto do Lovable" não é critério — "esta etapa precisa de um app funcional" é.

Fim do Módulo 1 — Ideação e Design. Próximo: Módulo 2 (#12) — Construção com Claude Code.

Curtiu como a gente pensa?

É assim que trabalhamos todo dia.

Se esse jeito de pensar é o seu, vem construir com a gente — dá uma olhada nas vagas abertas.

Ver vagas