Escolher a tua ferramenta
Objetivos deste capítulo
- Conhecer as grandes famílias de ferramentas
- Escolher segundo o teu nível e o teu objetivo
- Arrancar sem bloqueios técnicos
O panorama das ferramentas
O mercado das ferramentas de vibe coding estruturou-se em três grandes famílias e, boa notícia, elas respondem a necessidades diferentes — não há uma «melhor ferramenta», há a ferramenta certa para o teu objetivo do momento. Antes de comparar nomes, compreende as famílias: vai evitar que te percas nas opiniões contraditórias online.
A primeira família são os geradores «prompt → app»: escreves a tua descrição no navegador, a app aparece ao lado, e podes publicá-la num clique. A segunda são os editores IA: verdadeiros ambientes de desenvolvimento onde a IA trabalha em ficheiros que vês e controlas. A terceira são os ambientes tudo-em-um no navegador, que misturam edição, execução e alojamento no mesmo sítio.
Os geradores «prompt → app» mais de perto
O v0 (da Vercel) brilha a gerar interfaces cuidadas: descreves um ecrã, ele propõe-te um componente moderno que podes refinar mensagem a mensagem. O Bolt (da StackBlitz) constrói apps completas no navegador e mostra-te os ficheiros gerados, o que ajuda a compreender o que se passa. O Lovable visa a app completa de ponta a ponta, com uma experiência muito guiada pensada para não-programadores.
A sua força comum: zero instalação, resultado visível imediatamente, implementação integrada. O seu limite comum: trabalhas no ambiente deles, com as escolhas técnicas deles e as quotas gratuitas deles. Para uma primeira app como a do Tom, estes limites não têm importância — a velocidade de arranque conta muito mais.
Os editores IA: Cursor e Claude Code
O Cursor é um editor de código completo (baseado no VS Code) onde a IA pode ler e modificar todos os teus ficheiros: conversas com ela num painel lateral e vês cada alteração proposta. O Claude Code funciona no terminal: dás-lhe instruções, ele atua no teu projeto. Estas ferramentas pedem um pouco mais de instalação, mas oferecem-te algo precioso: os teus ficheiros pertencem-te, no teu disco, e podes fazer deles o que quiseres.
É o caminho a seguir se o teu objetivo for além da primeira app: compreender como um projeto é estruturado, usar o Git para guardar o teu trabalho (voltaremos a falar disso no capítulo 4), e progredir para uma verdadeira autonomia. Muitos vibe coders começam num gerador de navegador e depois migram para o Cursor quando querem ir mais longe — é um percurso perfeitamente saudável.
Que ferramenta para que perfil?
flowchart TD Q["Queres arrancar esta noite?"] -->|"Sim, zero instalação"| B["Lovable, v0 ou Bolt"] Q -->|"Quero aprender em profundidade"| C["Cursor ou Claude Code"] Q -->|"Tudo num único separador"| R["Replit"] B --> S["Constrói a tua v1"] C --> S R --> S
Recomendação para começar
Para a tua primeira app web sem instalar nada: uma ferramenta «prompt → app» como o Lovable ou o v0. Para aprender e manter o controlo ao longo do tempo: Cursor ou Claude Code. Este curso funciona com as duas abordagens — os prompts, o método de depuração e a implementação aplicam-se em todo o lado, só os botões mudam.
O Tom escolhe uma ferramenta de navegador: quer um resultado esta noite, no computador da escola, sem permissões de instalação. É o reflexo certo: o objetivo dele é a app, não a ferramenta. Se daqui a três meses quiser personalizar mais finamente o projeto, exporta-o para o Cursor — nada se perde, nunca.
Grátis ou pago: compreender os limites
Todas estas ferramentas têm uma oferta gratuita suficiente para este curso, mas com quotas: um número de mensagens ou de gerações por dia ou por mês. Quando atinges o limite, três opções: esperar pelo dia seguinte, passar para outra ferramenta gratuita até acabar, ou pagar a assinatura se construíres regularmente. Para uma primeira app, o grátis chega largamente — desde que não desperdices as tuas mensagens.
Como poupar as tuas gerações? Reflete antes de enviar: um prompt preciso que descreve bem a necessidade consome uma mensagem e dá um bom resultado; cinco prompts vagos consomem cinco mensagens para o mesmo resultado. O capítulo 3 ensina-te justamente a escrever descrições eficazes — é também uma forma de fazer durar a tua quota gratuita.
A armadilha da configuração infinita
Muitos desistem antes de ter começado, bloqueados na instalação: uma conta que não se cria, um software que exige uma atualização do sistema, um terminal que mostra um erro incompreensível. Se uma ferramenta te resistir 30 minutos, passa para uma ferramenta 100 % navegador. O importante é construir, não configurar.
Este conselho não é uma capitulação, é estratégia. A tua motivação é um recurso limitado: cada hora de fricção técnica desgasta-a. Assim que a tua primeira app estiver online, terás a confiança (e a paciência) necessárias para enfrentar uma instalação mais exigente. Na ordem certa, tudo é mais fácil.
Contexto
O Tom quer começar esta noite, sem instalar dez programas e sem permissões de administrador no computador da escola. Tem uma hora pela frente e um objetivo modesto: ver uma primeira página gerada pela IA aparecer numa pré-visualização. Faz exatamente o mesmo percurso: o objetivo deste exercício não é construir a tua app, apenas validar que a tua cadeia ferramenta → geração → pré-visualização funciona.
Instruções
- Escolhe uma ferramenta nas famílias apresentadas (navegador se quiseres zero configuração).
- Cria a tua conta e confirma o email de validação.
- Cria um projeto vazio e localiza onde aparece a pré-visualização da app.
- Pede à ferramenta que gere uma página «Hello» com o teu nome próprio e um botão.
- Confirma que a pré-visualização se atualiza e que o botão é clicável.
- Envia uma segunda mensagem para mudar a cor do botão e verifica a mudança.
- Anota algures o nome da ferramenta escolhida e o que te agradou ou incomodou.
Em resumo
- Três famílias: geradores «prompt → app», editores IA, e tudo-no-navegador.
- O v0 é excelente em interfaces, o Bolt mostra os ficheiros, o Lovable guia de ponta a ponta.
- Cursor e Claude Code: mais configuração, mas os teus ficheiros pertencem-te e aprendes em profundidade.
- Iniciante com pressa: uma ferramenta de navegador; para aprender ao longo do tempo: Cursor/Claude Code.
- As ofertas gratuitas chegam para este curso — poupa as tuas mensagens com prompts precisos.
- Não sobreotimizes a escolha da ferramenta: pega numa e constrói.
- O verdadeiro inimigo do iniciante é a configuração infinita: 30 minutos de bloqueio = muda de ferramenta.
Quiz — verifica a tua compreensão
1. Que tipo de ferramenta para arrancar sem instalação?
2. O que fazer se uma ferramenta te resistir 30 minutos?
3. Qual é a vantagem principal do Cursor ou do Claude Code?
4. Como poupar a tua quota gratuita de gerações?
5. O Tom escolhe uma ferramenta de navegador. Porque é um bom reflexo?