MÓDULO 1.3

🛠️ Ferramentas: O Ecossistema

Um panorama completo das ferramentas de vibe coding: de IDEs inteligentes a plataformas no-code. Entenda as diferenças e escolha com base no seu perfil.

7
Tópicos
35
Minutos
Básico
Nível
Prático
Tipo
1

🗺️ O mapa das ferramentas

O ecossistema de vibe coding cresceu explosivamente em 2024-2025. Existem hoje três categorias principais de ferramentas: IDEs com IA integrada (para quem vai lidar com código diretamente), agentes de terminal (para automação e projetos complexos) e plataformas prompt-to-app (para quem quer zero contato com código).

🗂️ As três categorias

💻
IDEs com IA

Você vê e edita código, mas a IA faz o trabalho pesado

• Cursor
• Windsurf
• GitHub Copilot
⌨️
Agentes de Terminal

Executa tarefas complexas via linha de comando

• Claude Code
• Aider
• OpenHands
🚀
Prompt-to-App

Zero código — descreva e o app aparece

• Lovable
• Bolt.new
• v0 (Vercel)

📊 Números do mercado (2025-2026)

  • Cursor: $9,9B de valuation, $100M ARR em 12 meses (jun/2025)
  • Lovable: De $1M para $100M ARR em apenas 8 meses
  • GitHub Copilot: 84% dos devs usam ou planejam usar IA (Stack Overflow 2025)
  • Windsurf: Adquirida pela OpenAI por $3B em 2025
  • Bolt.new: Mais de 1M de usuários em menos de 3 meses após o lançamento
2

⚡ Cursor — o líder técnico

O Cursor é o editor de código com IA mais popular do mercado técnico. Construído sobre o VS Code, ele adiciona uma camada agêntica completa: o Composer edita múltiplos arquivos de uma vez, o sistema de @referências permite pontuar contexto específico, e as .cursorrules funcionam como instruções permanentes para o agente.

🔑 Superpoderes do Cursor

1
.cursorrules — memória permanente do projeto

Um arquivo de texto na raiz do projeto que define regras, stack tecnológica, convenções e contexto do negócio. O agente lê esse arquivo em toda sessão. É a diferença entre um assistente genérico e um especialista no seu projeto.

2
Composer — edição multi-arquivo

Diferente do chat simples, o Composer entende o projeto inteiro e edita múltiplos arquivos de uma vez. Você pede "adicione autenticação" e ele cria o middleware, edita as rotas, atualiza o modelo de usuário e cria os componentes de login.

3
@referências — contexto cirúrgico

Use @arquivo, @pasta, @docs para injetar contexto específico no prompt. "@auth/routes.ts como esse padrão, adicione a rota de logout" gera código consistente com o seu estilo existente.

📊 Cursor em números

  • $20/mês — plano Pro com modelos premium (Claude, GPT-4, Gemini)
  • $9,9 bilhões — valuation após rodada de $900M em junho de 2025
  • Top ferramenta usada por startups do Y Combinator em 2025
  • VS Code-based — toda extensão e atalho do VS Code funciona diretamente
3

🌊 Windsurf — a alternativa com mais agentes

O Windsurf (da Codeium, adquirido pela OpenAI em 2025) se diferencia do Cursor com uma abordagem mais agressivamente agêntica: o agente executa mais ações autonomamente sem pedir confirmação a cada passo. O recurso Codemaps cria um mapa visual do codebase que o agente usa para navegar.

✓ Vantagens do Windsurf

  • Mais agentes no plano base ($15/mês)
  • Codemaps — visualização da arquitetura
  • Cascade — agente que planeja antes de executar
  • Interface mais limpa para iniciantes
  • Histórico de conversas por projeto

vs. Cursor

  • Cursor tem ecosystem maior e mais plugins
  • Cursor tem comunidade mais ativa (mais tutoriais)
  • Windsurf executa mais ações por iniciativa própria
  • Ambos usam modelos Claude, GPT-4, Gemini
  • Windsurf melhor para projetos maiores com muitos arquivos

💡 Dica: Codemaps como ferramenta de onboarding

Se você está entrando em um projeto existente (código de outra pessoa, projeto legado), o Codemaps do Windsurf é uma das melhores ferramentas para entender rapidamente a arquitetura. Peça ao agente para explicar o mapa — economiza horas de leitura manual.

4

🤖 Claude Code — poder no terminal

O Claude Code da Anthropic é um agente de linha de comando que roda diretamente no terminal. É a ferramenta preferida de desenvolvedores mais experientes para automações complexas, refatorações em larga escala e projetos que exigem controle total. O CLAUDE.md é o superpoder — um arquivo de contexto que o agente lê antes de cada sessão.

📄 CLAUDE.md — o superpoder oculto

O arquivo CLAUDE.md na raiz do projeto funciona como um briefing permanente. O agente lê esse arquivo antes de qualquer tarefa. Inclua:

# CLAUDE.md — Contexto do Projeto
## Stack
Next.js 14, TypeScript, Prisma, PostgreSQL
## Regras
- Nunca usar any no TypeScript
- Todos os componentes em /components
- API routes em /app/api
## Contexto de negócio
SaaS B2B para gestão de equipes

🔌 MCP — Model Context Protocol

O MCP (Model Context Protocol) é um padrão aberto que permite ao Claude Code conectar-se a ferramentas externas: bancos de dados, APIs, sistemas de arquivos, browsers, e muito mais.

  • MCP + Postgres: agente lê e consulta o banco diretamente
  • MCP + Browser: agente abre páginas e testa a UI automaticamente
  • MCP + GitHub: agente cria branches, PRs e issues automaticamente
  • MCP + Figma: agente lê o design e gera código correspondente

💡 Para quem é o Claude Code

Claude Code é ideal para quem já tem familiaridade com terminal e quer automatizar tarefas repetitivas em larga escala: migrar banco de dados, refatorar 50 arquivos de uma vez, gerar documentação para todo o projeto. É a ferramenta de potência máxima — com a curva de aprendizado correspondente.

5

✨ Lovable, Bolt.new e v0 — prompt-to-app

As plataformas prompt-to-app são a porta de entrada mais acessível para vibe coding. Você descreve o que quer em linguagem natural, a plataforma gera o app completo e oferece hospedagem imediata. Lovable foi do $1M ao $100M ARR em 8 meses — um dos crescimentos mais rápidos da história do SaaS.

❤️

Lovable — melhor para produtos completos

$20/mês | lovable.dev

Gera apps React + Supabase completos com autenticação, banco de dados e deploy. Ideal para MVPs de startups. Tem "GitHub sync" — você pode baixar o código e continuar no Cursor se precisar de mais controle.

Bolt.new — velocidade máxima

Freemium | bolt.new

Preview ao vivo em segundos, editor de código integrado, deploy em 1 clique. Suporta Node.js e múltiplos frameworks. Melhor para demos rápidas e protótipos que precisam ser validados hoje.

v0

v0 (Vercel) — componentes e UI

Freemium | v0.dev

Especializado em geração de componentes React com Tailwind. Ideal para criar UIs bonitas rapidamente. O output é código limpo que você copia direto para o seu projeto no Cursor ou Windsurf.

📊 Lovable — crescimento histórico

  • Jan 2025: $1M ARR — lançamento
  • Abr 2025: $10M ARR — 3 meses depois
  • Ago 2025: $100M ARR — 8 meses depois do lançamento
  • Base de usuários: 63% não-desenvolvedores (fundadores, designers, PMs)
  • Caso de destaque: Startup levantou $2M de pré-seed com MVP feito em Lovable
6

🐙 GitHub Copilot — o mais adotado

GitHub Copilot foi o primeiro a popularizar IA no código e continua sendo a ferramenta mais usada no mercado corporativo. Com 84% dos desenvolvedores usando ou planejando usar IA, o Copilot domina por integrar-se perfeitamente ao VS Code e ao ecossistema GitHub — que a maioria das empresas já usa.

📋 Evolução do Copilot

2021
Autocomplete de linha e bloco — revolução no fluxo básico
2023
Copilot Chat — pergunta e resposta dentro do editor
2024
Copilot Workspace — planejamento e implementação de issues completas
2025
Copilot Agent Mode — edição multi-arquivo, execução de testes, criação de PRs automaticamente

📊 Copilot vs. concorrentes — quando escolher

  • Escolha Copilot se já usa VS Code + GitHub na empresa — integração nativa inigualável
  • Escolha Cursor se quer a experiência agêntica mais madura com comunidade ativa
  • Escolha Windsurf se quer mais autonomia do agente com menos confirmações
  • $19/mês — plano Pro com acesso a modelos premium
7

🧭 Como escolher a sua ferramenta

Não existe "melhor ferramenta universal" — existe a ferramenta certa para o seu perfil e momento. A escolha depende de três variáveis: seu nível técnico, o tipo de projeto e o quanto você quer ver o código gerado. Use a tabela abaixo para decidir.

Perfil Objetivo Recomendação
Não-técnico / Fundador MVP rápido, sem ver código Lovable ou Bolt.new
Designer Componentes UI bonitos v0 (Vercel)
Dev iniciante Aprender + construir projetos Cursor (plano gratuito)
Dev corporativo Integração com GitHub/VS Code GitHub Copilot
Dev sênior Projetos complexos, automação Cursor + Claude Code
Freelancer Velocidade máxima, múltiplos projetos Windsurf ou Cursor

💡 Recomendação para este curso

Para acompanhar os módulos práticos deste curso, nossa recomendação é o Cursor (plano gratuito tem 2.000 completions/mês) combinado com o Claude claude-sonnet-4-6 como modelo base.

Se o seu objetivo é apenas validar uma ideia sem código, comece com Lovable. Você pode migrar para o Cursor depois que a ideia estiver validada.

Resumo do Módulo 1.3

3 categorias de ferramentas: IDEs com IA (Cursor, Windsurf), agentes de terminal (Claude Code) e prompt-to-app (Lovable, Bolt, v0)
Cursor lidera o mercado técnico — .cursorrules, Composer e @referências são seus superpoderes
CLAUDE.md e .cursorrules são memória do projeto — configure-os cedo e bem
Lovable foi de $1M para $100M ARR em 8 meses — a demanda por prompt-to-app é real e crescente
Escolha pela sua situação, não pelo hype — a melhor ferramenta é a que você vai realmente usar

Próximo Módulo:

1.4 — 🚀 Seu Primeiro Projeto com IA — setup em 10 minutos e o primeiro app funcionando