Como usar subagentes no Código de Claude para construir apps avançadas
Desbloqueie o potencial máximo do Código de Claude com subagentes, workflows encadeados e um sistema claro de desenvolvimento modular com 200k tokens por agente.
Por que isso é importante
O Código de Claude evoluiu drasticamente. Seus subagentes revolucionam o desenvolvimento assistido por IA permitindo criação colaborativa, modular e profundamente contextualizada, com 200k tokens dedicados por agente.
Você está usando Claude da forma errada
Muitos tratam o Código de Claude como uma ferramenta simples de autocomplete de código, assim como o Cursor. Mas isso limita seu verdadeiro poder. Pensar em Claude como apenas um agente de código é uma visão ultrapassada.
O que são subagentes?
Subagentes são blocos especialistas com papéis definidos dentro de um fluxo de trabalho. Eles interagem entre si e cada um possui sua própria janela de contexto de 200k tokens, permitindo tarefas profundas com alta retenção de estado.
Por que subagentes são uma revolução
Diferente dos slash commands, os subagentes permitem fluxos encadeados onde cada agente foca em um domínio e devolve apenas dados essenciais para o controle central. Isso define uma nova arquitetura para aplicativos gerados por IA.
⚠️Atenção
O método B-MAD atualmente requer comandos slash. Sem eles, o workflow inteiro para Claude fica limitado. Subagentes ainda não integram nativamente esse método.
Framework B-MAD: visão geral
B-MAD é um framework que aplica estrutura ao desenvolvimento com Claude. Ele separa o projeto em UX, UI, front-end, back-end e testes, com prompts estruturados e subagentes focados.
Configuração do seu primeiro workflow com subagentes
Exemplo de agentes do seu workflow
Researcher UX
Realiza pesquisa e fluxo de navegação baseado no objetivo da app
Sprint Prioritizer
Divide o desenvolvimento em sprints baseando-se na análise do UX
UI Planner
Planeja visualmente os elementos com base na estrutura do UX
Whimsy Injector
Adiciona animações e detalhes para micro interações e usabilidade
Rapid Prototyper
Cria a fundação da estrutura visual em componentes
Frontend Dev Agent
Codifica os componentes dentro da arquitetura proposta
Test Runner
Executa testes unitários e de integração
Performance Benchmarker
Avalia desempenho e sugere melhorias
Como lidar com checkpoints
Claude agora conta com sistema de checkpoints automático. Pressione ESC duas vezes, acesse versões anteriores de prompts e retome qualquer fase com precisão. Isso elimina regressões indesejadas no seu build iterativo.
✅Dica
Use o modo verbose para visualizar em tempo real a atuação de múltiplos subagentes durante a sessão.
Tratando problemas de context overflow
Quando o contexto gerado por um subagente é muito extenso, grave os resultados em arquivos e use esses artefatos externos no próximo prompt. Claude utiliza bem referências em Markdown com segmentação clara.
Organize por departamentos
Crie pastas para agentes por áreas: "design", "development", "tests", "marketing". Dentro de cada uma, basta colar os prompts gerados em arquivos. Isso permite replicar com facilidade e escalar o uso desses blocos.
Integre seu próprio prompt mestre
Com base no que foi refinado, compile os prompts em um único prompt genérico onde o usuário só precisa adicionar o escopo da app. Isso gera um workflow completo e sob medida.
ℹ️Importante
Mesmo com subagentes, o consumo de tokens é alto. Agentes como o Front-end levam até 130 mil tokens por sessão. Um plano robusto como o Opus ($100) é essencial para não quebrar sessões.
Resultado: app completa
Após o ciclo completo, você obtém uma aplicação funcional com microinterações, modos UI variados (Kanban, calendário) e arquitetura semelhante ao Notion. Todos os agentes colaboram para entregar algo polido, consistente e altamente testável.
Workflow com slash command
Utiliza comandos manuais para ativar funções do agente
Prós
- Mais controle manual
- Menor custo em tokens
Contras
- Fluxo menos dinâmico
- Sem encadeamento real entre agentes
Workflow com subagentes
Permite encadeamento contextual e colaboração modular
Prós
- 200k tokens por agente
- Maior retenção de contexto
- Fluxo estruturado e real hands-off
Contras
- Maior uso de tokens
- Necessidade de setup inicial avançado