O Workflow de 3 Ferramentas que Deixa Você Codando Sem Travar nos Limites de IA

Você estava no meio de uma feature, Claude Code rodando, e a mensagem aparece: limite de uso atingido. Ou você espera 5 horas, ou muda de abordagem.

A maioria para. Alguns descobriram que o problema não é a quantidade de IA — é onde ela vai.

O que está acontecendo

O canal Wanderloots publicou um tutorial documentando um workflow híbrido de três ferramentas para desenvolvimento com IA. A ideia: Gemini 3 Pro para planejar, Claude Code para construir, Testsprite para testar.

O projeto era adicionar autenticação a um RSS reader — um leitor de feeds que agrega artigos de diferentes sites em um só lugar. A feature envolve arquitetura, implementação e validação. Três fases com perfis de uso completamente diferentes.

O Gemini 3 Pro é gratuito e muito bom em planejamento. Ele não vai superar o Claude Sonnet na geração de código, mas vai montar um plano de implementação detalhado sem custar nada. O Claude Code — que usa Sonnet ou Opus internamente — concentra seu uso na fase de geração, onde a qualidade importa. O Testsprite entra como agente de testes automatizados conectado via MCP (Model Context Protocol — o padrão aberto da Anthropic que permite ferramentas externas se comunicarem com modelos de IA).

Por que você deveria prestar atenção

Os limites do Claude Code existem em duas camadas: o limite de 5 horas e o limite semanal. Se você usa o Claude Code como usa o GitHub Copilot — sempre ativo, para tudo — vai esbarrar neles antes do esperado.

O problema não é a quantidade de IA. É onde você gasta os créditos.

Planejar uma arquitetura com o Claude Code é desperdício. O modelo gera um bom plano, mas consome tokens que seriam mais bem gastos escrevendo código. O Gemini processa contexto longo, é gratuito para a maioria dos usos, e é mais que suficiente para a fase de planejamento.

Testes automatizados são outro ponto crítico. Escrever casos de teste consome tempo e créditos. Rodar o Testsprite via MCP significa testar o que o Claude Code acabou de construir sem precisar escrever nada manualmente. E sem gastar os créditos do Claude nisso.

Como aplicar isso amanhã

Você não precisa do Antigravity IDE — o editor usado no tutorial — para replicar esse workflow. O que você precisa:

Gemini: use via Google AI Studio ou diretamente em gemini.google.com. Para planejamento, cole a descrição da feature e peça um plano detalhado de implementação.

Claude Code: instale com npm install -g @anthropic-ai/claude-code. Use o plano do Gemini como contexto de entrada. Com uma visão clara do que construir, o Claude Code pula direto para a execução.

MCP de testes: o Testsprite é uma opção paga. Para quem quer algo gratuito, o Playwright MCP automatiza testes de browser e cobre a maioria dos casos de uso. Instale como servidor MCP dentro do Claude Code.

O workflow em cinco fases:

Fase 1 — Planejamento com Gemini: descreva a feature, a stack atual e o que você quer alcançar. Peça um plano com arquitetura, arquivos a criar ou modificar, ordem de implementação e dependências. Salve esse plano.

Fase 2 — Execução com Claude Code: cole o plano como contexto inicial. O Claude Code não precisa “descobrir” a arquitetura sozinho — ele executa o que foi especificado.

Fase 3 — Testes via MCP: conecte o servidor de testes ao Claude Code e rode os testes gerados automaticamente contra o que foi construído.

Fase 4 — Debug: os testes retornam problemas específicos com localização exata. O Claude Code recebe o relatório e corrige.

Fase 5 — Verificação: re-rode os testes para confirmar que o fix não introduziu regressões.

Vibe Coding: construindo na prática

Dois caminhos para adicionar autenticação a um app existente.

Abordagem 1: Tudo no Claude Code

Prompt único para Claude Code — auth completa

Preciso adicionar autenticação ao meu app [DESCRIÇÃO DO APP]. Stack atual: [LISTAR STACK] Requisitos: - Login com email e senha - Sessões persistentes com JWT - Proteção de rotas autenticadas Crie o sistema completo: schema do banco, endpoints da API, middleware de proteção e integração no frontend.

Funciona para features pequenas. Em projetos maiores, o planejamento e a implementação consomem tokens do Claude Code juntos. Você vai atingir o limite antes de terminar.

Abordagem 2: Workflow de 3 ferramentas

Fase 1 — Prompt para o Gemini (planejamento)

Sou desenvolvedor trabalhando em [DESCRIÇÃO DO APP] com stack [LISTAR STACK]. Preciso adicionar um sistema de autenticação com: - Login e logout com email e senha - Sessões persistentes com JWT (JSON Web Token — token criptografado que autentica sessões) - Proteção de rotas que exigem login Me dê um plano de implementação detalhado com: 1. Arquitetura da solução 2. Arquivos a criar e modificar (com caminho completo) 3. Ordem de implementação 4. Dependências a instalar 5. Pontos de atenção de segurança

Fase 2 — Prompt para Claude Code (execução)

Tenho o seguinte plano de implementação para um sistema de autenticação: [COLAR O PLANO DO GEMINI AQUI] Execute o plano exatamente como especificado, seguindo a ordem definida.

Fase 3 — Testes via MCP (Playwright ou Testsprite)

# Com Playwright MCP instalado: Teste o seguinte fluxo de autenticação: 1. Acesse /login e faça login com email test@test.com e senha válida 2. Confirme o redirect para /dashboard após login bem-sucedido 3. Acesse /dashboard sem estar logado e confirme o redirect para /login 4. Faça logout e confirme que a sessão foi encerrada 5. Relate qualquer falha com o elemento HTML exato e a URL onde ocorreu

Comparativo de eficiência

Abordagem	Tokens	Custo	Qualidade	Tempo
Tudo no Claude Code	~45k	$2.25		35min
Workflow de 3 ferramentas	~12k (Claude)	$0.60		55min

O workflow de 3 ferramentas usa cerca de 73% menos tokens do Claude Code. É mais lento em tempo total, mas a diferença entre terminar a feature hoje e esbarrar no limite na metade do caminho.

Glossário

MCP (Model Context Protocol): padrão aberto criado pela Anthropic que define como modelos de IA se comunicam com ferramentas externas. É o que permite o Claude Code usar Playwright, GitHub e outros serviços diretamente.
Vibe coding: abordagem de desenvolvimento onde você descreve o que quer em linguagem natural e o modelo de IA gera o código. O foco vai para a especificação, não para a digitação.
IDE (Integrated Development Environment): ambiente onde você escreve código, com editor, terminal e ferramentas integradas. VS Code, Cursor e Antigravity são exemplos.
RSS reader: aplicativo que agrega artigos de diferentes blogs e sites em um só lugar, organizados por feed.
Agente de IA: modelo de linguagem com capacidade de usar ferramentas externas e tomar ações autônomas — diferente de um modelo que só responde perguntas.
JWT (JSON Web Token): token criptografado usado para autenticar sessões de usuário sem armazenar estado no servidor.

Sua próxima ação

Na próxima feature do seu projeto, divida o trabalho em fases antes de abrir o Claude Code. Use o Gemini para montar o plano (gratuito, sem limite prático), depois passe o plano para o Claude Code executar. Se você ainda não tem um MCP de testes configurado, o Playwright MCP é gratuito e cobre a maioria dos casos — instale e use na fase de validação. Seus tokens do Claude vão durar semanas em vez de dias.

Fontes

Google Antigravity + Claude Code — AI Coding Tips (Adding App Auth)