Verificando acesso...

MÓDULO 3.3

đŸ€– Vibe Coding com Claude Code

Para quem jĂĄ programa: Claude Code Ă© como ter um copiloto sĂȘnior. Plan mode, workflow Git, anti-padrĂ”es. Aqui vocĂȘ aprende a multiplicar sua produtividade.

1

🧠 Plan Mode (Shift+Tab) — O Diferencial

A maior frustração com IA pra codar Ă© "ela mexeu em arquivo errado e quebrou tudo". O Plan Mode resolve isso: Claude lĂȘ o cĂłdigo, monta um plano detalhado, e sĂł executa depois da sua aprovação.

⚡ Como ativar

  1. Digita o que quer fazer ("adiciona auth com email/senha")
  2. Aperta Shift+Tab para entrar em plan mode
  3. Claude pesquisa o cĂłdigo, analisa, devolve plano
  4. VocĂȘ revisa, aprova (ou ajusta), Claude executa

📊 Diferença que faz

Sem plan mode: 30% das vezes Claude mexe em coisa errada. Com plan mode: vocĂȘ pega problema antes da execução. Custo: 30 segundos de revisĂŁo. BenefĂ­cio: horas economizadas.

2

🔄 Workflow: Pesquisa → Planeja → Implementa

Esse Ă© o loop ideal. NĂŁo pula etapas. Quem pula direto para "implementa" gasta 3x mais tempo depois corrigindo.

1

Pesquisa

Claude lĂȘ arquivos relevantes, entende a estrutura, identifica dependĂȘncias. Tempo: 30s-2min.

2

Planeja

Devolve um plano: quais arquivos vai mexer, o que vai mudar, riscos. VocĂȘ revisa em 30s.

3

Implementa

ApĂłs aprovação, executa. VocĂȘ acompanha em tempo real.

3

⚙ Setup BĂĄsico

Setup é trivial. A barreira para usar IA pra codar é cultural, não técnica.

Instalação (1 comando)

npm install -g @anthropic-ai/claude-code

Uso (em qualquer projeto)

cd seu-projeto/
claude

Pronto. Conversa com Claude no terminal. Suporte a Git, MCP servers, hooks.

💡 Funciona com qualquer IDE

Claude Code roda no terminal, entĂŁo combina com VS Code, Cursor, Vim, qualquer setup. VocĂȘ nĂŁo precisa abandonar suas ferramentas.

4

đŸȘŸ Cursor e Windsurf — Alternativas IDE

Para quem prefere interface grĂĄfica em vez de terminal, existem 2 IDEs que valem conhecer.

Cursor

  • ‱ IDE robusta com IA integrada
  • ‱ Autocomplete contextual potente
  • ‱ Pago: US$ 20/mĂȘs
  • ‱ Bom para projetos grandes

Windsurf

  • ‱ Free tier generoso
  • ‱ Boa para iniciantes
  • ‱ Codebase awareness profundo
  • ‱ Ideal para começar sem investimento

⚡ Combo poderoso

Claude Code (terminal) + Cursor (IDE) podem coexistir. Use Cursor para edição comum, Claude Code para tarefas complexas que precisam de pesquisa profunda no código.

5

đŸš« Anti-PadrĂ”es: Quando NÃO Usar IA

"Vibe coding" sem entender o código gera dívida técnica enorme em 6 meses. Saber quando NÃO usar IA é tão importante quanto saber quando usar.

✓ Use IA para

  • ‱ CRUD repetitivo
  • ‱ Telas/componentes padrĂŁo
  • ‱ Refatoração simples
  • ‱ Testes unitĂĄrios
  • ‱ Tradução de stack (ex: jQuery → React)

✗ NÃO use IA para

  • ‱ Sistemas crĂ­ticos sem testes
  • ‱ CĂłdigo que vocĂȘ precisa entender profundamente
  • ‱ LĂłgica de negĂłcio muito especĂ­fica
  • ‱ Segurança avançada
  • ‱ DecisĂ”es arquiteturais

⚠ A regra de ouro

Use IA para 80% repetitivo. Os 20% crĂ­ticos: vocĂȘ lĂȘ, entende, escreve Ă  mĂŁo. Sem isso, em 6 meses vocĂȘ tem cĂłdigo que ninguĂ©m entende — nem vocĂȘ, nem Claude, nem outro dev.

6

🌿 Fluxo Git Que Funciona com IA

Git e IA combinam perfeitamente — desde que vocĂȘ siga uma regra simples: commits pequenos e frequentes. Quando IA quebra algo, vocĂȘ reverte 1 commit, nĂŁo a tarde inteira.

📋 Workflow recomendado

  1. Cria branch para feature: git checkout -b feature/auth
  2. Pede pra Claude implementar 1 coisa pequena
  3. Revisa diff: git diff
  4. Se OK: commit imediato com mensagem clara
  5. Se nĂŁo OK: descarta com git restore . ou ajusta
  6. PrĂłxima tarefa pequena, ciclo repete

⚡ Granularidade ideal

Cada commit = 1 mudança lógica. "Adicionar login com email" = 1 commit. "Adicionar reset de senha" = 1 commit. Nunca "implementei autenticação inteira" = 1 commit gigante.

💡 Mensagens de commit

Claude pode escrever as mensagens para vocĂȘ no padrĂŁo Conventional Commits (feat, fix, refactor, etc). Pede e ele faz.

📌 Resumo do Módulo

✓
Plan Mode (Shift+Tab) - Claude planeja antes de mexer
✓
Workflow: pesquisa → planeja → implementa - não pula etapas
✓
Setup trivial - npm install -g @anthropic-ai/claude-code
✓
Cursor e Windsurf - alternativas IDE
✓
Use IA para 80% repetitivo - 20% crĂ­tico vocĂȘ escreve
✓
Commits pequenos - reverter ficar fĂĄcil

PrĂłximo MĂłdulo:

3.4 — A Regra dos 30 Dias: cronograma de MVP

JĂĄ estĂĄ usando Claude Code?

Posta seu workflow na comunidade. Compartilha truques, descobre os dos outros.

Entrar na comunidade AutomationsAI →