TRILHA 2

🚀 Intermediário

Eleve seu domínio do Claude Code com subagentes paralelos, skills personalizadas, controle de rota e ferramentas visuais. Hacks 11 a 22 para quem já sabe o básico e quer resultados de nível profissional.

4
Módulos
12
Hacks
~4h
Duração
Inter.
Nível

Navegação Rápida

2.1
🤖 Subagentes e Skills
~60 min
2.2
📝 Claude.md como Sistema Vivo
~45 min
2.3
🎯 Controle e Correção de Rota
~45 min
2.4
👁️ Ferramentas Visuais
~70 min
Conteúdo Detalhado
2.1 ~60 min

🤖 Subagentes e Skills

Delegue trabalho para subagentes paralelos e crie skills reutilizáveis para toda a equipe. Hacks 11, 12 e 13.

O que é:

Instrua a sessão principal para criar subagentes isolados ao lidar com problemas complexos. Cada subagente tem sua própria janela de contexto e pode usar um modelo diferente.

Por que aprender:

Subagentes trabalham em paralelo: um pesquisa, outro escreve testes, um terceiro explora uma abordagem alternativa. O resultado chega mais rápido e com muito mais cobertura.

Conceitos-chave:

Janela de contexto isolada por agente; modelo configurável por subagente; reporte centralizado para a sessão principal; paralelismo real (não sequencial).

O que é:

Arquivos de prompt salvos em .claude/skills/. Cada arquivo define um procedimento específico: como revisar código, como varrer dívida técnica, como documentar uma API.

Por que aprender:

Skills versionadas no repositório garantem que toda a equipe use exatamente os mesmos procedimentos. Invoque em linguagem natural ou com comando de barra (/techdebt).

Conceitos-chave:

Diretório .claude/skills/; invocação por linguagem natural ou slash command; commit no repo; padronização de equipe; exemplos: techdebt.md, code-review.md.

O que é:

Defina o modelo de cada subagente individualmente. Subagentes que processam grandes volumes de dados ou fazem tarefas simples usam Haiku; o agente principal usa Opus onde a qualidade importa.

Por que aprender:

Processar centenas de milhares de tokens no Haiku e enviar apenas o resumo ao Opus mantém o custo controlado sem sacrificar a qualidade nas decisões críticas.

Conceitos-chave:

Configuração de modelo por subagente; Haiku para volume/tarefas simples; Opus para síntese e decisão; redução de custo; pipeline de resumo.

Ver Completo
2.2 ~45 min

📝 Claude.md como Sistema Vivo

Transforme o claude.md em memória persistente do projeto e da equipe. Hacks 14 e 15.

O que é:

Sempre que houver nova descoberta, nova skill, novo padrão ou convenção, atualize o claude.md. Na próxima sessão, o Claude já sabe tudo — erros anteriores não se repetem.

Por que aprender:

O claude.md é carregado em toda conversa. Torná-lo cada vez mais preciso sobre o seu negócio e projeto é a forma mais eficiente de aumentar a qualidade das respostas ao longo do tempo.

Conceitos-chave:

Atualização após descobertas; limite prático de 150–200 linhas; cuidado com inchaço; claude.md é contexto pago em toda sessão; padrões, convenções e pegadinhas documentadas.

O que é:

Mantenha o claude.md enxuto criando links para arquivos separados: guias de estilo, contexto de negócio, documentos de referência. O prompt de sistema aponta para onde encontrar as informações, não as carrega todas.

Por que aprender:

Contexto carregado em toda sessão tem custo. Separar referências detalhadas em arquivos dedicados reduz tokens por sessão e mantém o claude.md legível e fácil de manter.

Conceitos-chave:

Arquivos separados por domínio (estilo, negócio, referência); claude.md como índice; links relativos no repositório; carregamento sob demanda; separação de responsabilidades.

Ver Completo
2.3 ~45 min

🎯 Controle e Correção de Rota

Interrompa cedo, questione resultados medíocres e reverta o histórico quando necessário. Hacks 16, 17 e 18.

O que é:

Se o Claude começar a seguir o caminho errado, pressione Esc imediatamente. Corrija o rumo e refaça o prompt antes de ele continuar gerando tokens na direção errada.

Por que aprender:

Cada token gasto na direção errada é contexto desperdiçado que não retorna. Interromper cedo e redirecionar preserva janela de contexto e evita resultados que precisarão ser descartados.

Conceitos-chave:

Tecla Esc para interrupção imediata; prompt de redirecionamento preciso; custo do contexto; correção antes que o erro se propague; orientação antecipada.

O que é:

Se o resultado for apenas "ok", pressione: "Descarte isso, faça uma versão mais elegante" ou "Tente uma abordagem completamente diferente." O Claude geralmente entrega muito melhor na segunda tentativa.

Por que aprender:

A primeira resposta tende a ser conservadora. Ao questionar e exigir mais, você ativa um nível diferente de esforço do modelo. Quando uma versão melhor surgir, documente o padrão no claude.md.

Conceitos-chave:

Pressão para segunda tentativa; prompts de rejeição direta; "abordagem completamente diferente"; documentar padrões descobertos no claude.md; iteração de qualidade.

O que é:

O comando /rewind reverte a conversa a um ponto anterior. Não é preciso começar do zero — apenas escolha onde o histórico deve parar e continue dali.

Por que aprender:

Quando uma sequência de prompts leva a um beco sem saída, /rewind economiza tempo e tokens. Super rápido e limpo, sem perder o contexto válido acumulado antes do desvio.

Conceitos-chave:

Comando /rewind; reversão de histórico de conversa; seleção do ponto de retorno; alternativa a reiniciar a sessão; recuperação de beco sem saída.

Ver Completo
2.4 ~70 min

👁️ Ferramentas Visuais

Notificações por hooks, screenshots no loop de desenvolvimento e controle do navegador via DevTools. Hacks 19, 20, 21 e 22.

O que é:

Configure hooks via /hooks para acionar ações quando o Claude terminar. Uso mais comum: alerta sonoro ao concluir uma tarefa.

Por que aprender:

Com hooks, você não precisa vigiar a tela. Execute 15 sessões paralelas do Claude Code e reaja apenas quando uma precisar da sua intervenção. Produtividade multiplicada.

Conceitos-chave:

Comando /hooks; gatilho de conclusão; alerta sonoro; sessões paralelas; liberação de atenção; automação de notificação.

O que é:

Envie screenshots ao Claude: mensagens de erro, sites de inspiração, referências de design. Também funciona como ciclo de autoverificação: "Tire screenshot e diga se o layout está correto."

Por que aprender:

Acelera o loop de desenvolvimento visual. O Claude vê o resultado real, identifica problemas e propõe correções sem você precisar descrever o que está errado em texto.

Conceitos-chave:

Entrada multimodal (imagem); ciclo desenhar-capturar-implementar; autoverificação de layout; referências de design; eliminação de descrições textuais longas.

O que é:

O Claude pode abrir um navegador, interagir com o app e verificar funcionalidades reais — botões, formulários, fluxos completos — sem precisar de uma API disponível.

Por que aprender:

Ideal para front-end: o Claude testa o comportamento real, não apenas o código. Também funciona para preencher formulários e automatizar interações quando não há API.

Conceitos-chave:

Automação de navegador; teste de comportamento real; interação com UI; ciclo screenshot + DevTools; automação sem API; verificação de front-end.

O que é:

Tire screenshots de sites que você admira, envie ao Claude e diga "Faça parecer com isso." Você também pode enviar o HTML e CSS da fonte diretamente como inspiração.

Por que aprender:

O Claude recria padrões de design específicos sem produzir o resultado genérico de IA. Com referências visuais concretas, a fidelidade ao estilo desejado aumenta drasticamente.

Conceitos-chave:

Referência visual via screenshot; envio de HTML/CSS de inspiração; fidelidade de estilo; antipadrão de output genérico; recriação de padrões de design.

Ver Completo
← Trilha 1: Iniciante Trilha 3: Avançado →