Vibe Coding — a tua primeira app sem saber programar — 2. Escolher a tua ferramenta

17 min read min de lecture
Capítulo 02

Escolher a tua ferramenta

Capítulo 2 de 10 · 20%

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.

Cursor / Claude Codeeditores IA instalados no teu computador, controlo fino ficheiro a ficheiro, ideais para aprender a sério e manter o controlo a longo prazo.
Lovable / v0 / Boltdo prompt à app web implementada, zero instalação — perfeitos para arrancar depressa e ver um resultado dentro de uma hora.
Replitprogramar, executar e alojar diretamente no navegador, com um agente IA integrado — bom compromisso entre os dois mundos.

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?

v0queres sobretudo interfaces web bonitas, depressa. Muito forte em design de componentes, implementação fácil na Vercel.
Boltqueres uma app completa no navegador, vendo os ficheiros. Bom equilíbrio entre velocidade e transparência.
Lovablequeres a experiência mais guiada possível, da ideia à app publicada, sem ver nada de técnico.
Replitqueres um ambiente completo (código + execução + alojamento) num único separador, com agente IA.
Cursor / Claude Codequeres aprender em profundidade, manter os teus ficheiros e progredir ao longo do tempo. Um pouco de configuração no início.
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
Escolher a ferramenta segundo o objetivo: todos os caminhos levam à v1.

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.

Não passes uma semana a escolher a ferramenta perfeita. Pega numa, constrói, mudas mais tarde se for preciso. O tempo passado a comparar ferramentas é tempo não passado a construir.

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.

Cria a tua conta com um endereço de email que consultes realmente: as ferramentas enviam links de confirmação, e um link perdido é a primeira causa de «não funciona» no momento do registo.
🛠️ É a tua vez

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

  1. Escolhe uma ferramenta nas famílias apresentadas (navegador se quiseres zero configuração).
  2. Cria a tua conta e confirma o email de validação.
  3. Cria um projeto vazio e localiza onde aparece a pré-visualização da app.
  4. Pede à ferramenta que gere uma página «Hello» com o teu nome próprio e um botão.
  5. Confirma que a pré-visualização se atualiza e que o botão é clicável.
  6. Envia uma segunda mensagem para mudar a cor do botão e verifica a mudança.
  7. Anota algures o nome da ferramenta escolhida e o que te agradou ou incomodou.
Dica — Uma ferramenta 100 % navegador evita a maioria dos bloqueios de iniciante. Se a criação de conta falhar ou nada aparecer ao fim de 30 minutos, muda de ferramenta sem culpa: é o método, não um fracasso.

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?

As ferramentas de navegador como o Lovable, o v0 ou o Bolt evitam os bloqueios de instalação e dão um resultado dentro de uma hora.

2. O que fazer se uma ferramenta te resistir 30 minutos?

O objetivo é construir, não configurar. A tua motivação é um recurso limitado: protege-a.

3. Qual é a vantagem principal do Cursor ou do Claude Code?

Os editores IA trabalham em ficheiros guardados contigo: ideal para aprender e progredir ao longo do tempo.

4. Como poupar a tua quota gratuita de gerações?

Um prompt preciso consome uma mensagem para um bom resultado; cinco prompts vagos consomem cinco para o mesmo resultado.

5. O Tom escolhe uma ferramenta de navegador. Porque é um bom reflexo?

Começar depressa numa ferramenta simples e depois migrar para um editor IA se for preciso é um percurso perfeitamente saudável. Nada se perde.

Auteur(s)

R

REHOUMA Haythem

Haythem Rehouma est un ingénieur et architecte IA et cloud, formateur et enseignant technique, avec un profil orienté IA médicale, AWS, MLOps, LLM/RAG et vision par ordinateur.