Como Corrigir 90% dos Erros no Claude Code

O vídeo começa explicando como a extensão do Chrome do Claude Code melhorou significativamente a forma como o time constrói aplicações. O apresentador contrasta essa nova ferramenta com soluções anteriores como Playwright e Puppeteer MCP, que tinham sérios problemas incluindo contexto desnecessariamente inchado, pastas de projeto desorganizadas com capturas aleatórias, e falhas frequentes em completar ações no aplicativo. A extensão foi lançada recentemente como um MCP integrado, fornecendo ao Claude Code todas as ferramentas personalizadas necessárias para testes automatizados mais eficazes. O apresentador expressa entusiasmo especial com essa integração nativa, sugerindo que tinha potencial superior ao que as ferramentas anteriores ofereciam.

O vídeo apresenta a Automata, uma empresa que implementa fluxos de construção com IA em seus próprios produtos. Os apresentadores explicam que após ensinar milhões de pessoas como construir com IA, começaram a aplicar esses fluxos diretamente, descobrindo que poderiam construir produtos melhores e mais rapidamente. A Automata oferece-se como um co-piloto técnico para transformar ideias em realidade, seja em aplicativos ou websites, sem a necessidade de gerenciar um time de desenvolvimento interno. O contato é fornecido como hello@automata.dev para interessados em transformar suas ideias em soluções reais e funcionais.

O apresentador identifica o primeiro grande problema: Claude executa operações de scroll sequencial para testar visualmente a página inicial de um website, capturando screenshots em cada etapa e depois montando-as para análise seção por seção. Essa abordagem consome tokens desnecessários e é ineficiente. A solução apresentada envolve usar um script que aproveita diferentes ferramentas web para capturar a página inteira de uma vez, com instruções adicionadas em um comando slash personalizado. Quando usado, o Claude reconhece que é um teste de página inteira e usa o script diretamente em vez do método seção por seção, resultando em testes significativamente mais rápidos mantendo a mesma precisão e economizando tokens valiosos.

O segundo problema identificado é que as ferramentas MCP tentam carregar uma quantidade enorme de conteúdo simultaneamente para tarefas simples. Em vez de carregar divs específicos, geralmente carregam todo o HTML dentro da tag main, consumindo uma grande quantidade de tokens mesmo quando desnecessário. Isso acaba consumindo uma parte significativa da janela de contexto, causando inchaço até mesmo para tarefas simples. A solução implementada envolve adicionar instruções no arquivo Claude.md sobre gerenciamento adequado de contexto ao usar a extensão Chrome, garantindo que qualquer extração de conteúdo seja precisamente limitada e não inche o contexto com informações desnecessárias.

O terceiro problema é que Claude desperdiça muito tempo ao encontrar websites com pop-ups indesejados como avisos de cookies e prompts similares, usando as mesmas sequências de screenshot e scroll para lidar com eles. O apresentador criou um script que inclui seletores de botão 'fechar' mais comuns e padrões para descartar banners de cookies, encontrando esses seletores no código e executando funções para descartar os pop-ups automaticamente. Instruções foram adicionadas no arquivo Claude.md para que Claude execute esse script primeiro antes de prosseguir com o conteúdo principal. Como resultado, sempre que Claude acessa um website, ele primeiro executa esse JavaScript que descarta automaticamente os banners de cookies, permitindo continuar com o conteúdo principal sem desperdiçar tokens ou executar passos desnecessários.

O apresentador explica que por razões de segurança, Claude foi limitado para não realizar capturas ou completar autenticações em nome do usuário. Se encontrar um website que contenha login ou verificação CAPTCHA, Claude não consegue completar esse processo, exigindo que o usuário lide com isso manualmente. A melhor prática é garantir que já esteja autenticado antes de dar a tarefa ao Claude, evitando que ele seja bloqueado e não desperdice tempo. Essa é uma limitação importante que os usuários devem estar cientes ao trabalhar com a extensão Chrome do Claude Code para tarefas que envolvem acesso autenticado.

O apresentador explica por que prefere a integração do Claude com Chrome em relação ao Puppeteer e outros MCPs. A integração é uma ferramenta nativa construída pelos próprios desenvolvedores do Claude Code, oferecendo muito melhor integração, controle e recursos aprimorados. Os MCPs como Puppeteer são focados em testes em ambientes separados dedicados que não mantêm sessões, são trabalhosos de instalar e poluem a pasta de projeto com screenshots. Em contraste, a nova integração Chrome permite que Claude interaja com contas autenticadas, serviços como Google Docs e Google Sheets, e retenha informações de sessão para executar tarefas melhor. No entanto, o apresentador adverte que browser integrations consomem muito contexto por serem mais intensivas em computação, e que a extensão funciona apenas com Chrome, não com outros navegadores baseados em Chromium.

O apresentador menciona que extensões Chrome com Manifest V3 têm uma limitação crítica: podem ser bloqueadas se executarem por muito tempo, e muitas pessoas estão pedindo aos desenvolvedores do Claude Code para corrigir isso. Se você faz testes de ponta a ponta de sua aplicação web do início ao fim, a sessão pode ser bloqueada pelo Chrome e Claude para inesperadamente, exigindo solicitação manual para reiniciar. Isso é particularmente problemático para tarefas de longa duração quando você se afasta do computador. Para resolver esse problema, em vez de testes de ponta a ponta, o apresentador criou múltiplos arquivos de teste cobrindo diferentes aspectos da aplicação, cada um com informações detalhadas sobre níveis de prioridade, pré-condições, etapas de teste e resultados esperados.

Dado que Claude tem uma janela de contexto limitada e instruções podem ser perdidas quando o limite é atingido, o apresentador adicionou instruções no arquivo Claude.md que instruem Claude a criar um documento de relatório de teste abrangente após testar cada arquivo. Isso permite que Claude mantenha consciência do que foi testado e o que ainda precisa ser testado consultando esses arquivos de progresso, mesmo se precisar compactar o contexto devido ao consumo de recursos das ferramentas de navegador. Como melhor prática, o apresentador recomenda executar uma compactação antes de prosseguir com qualquer teste, já que testar usando Chrome vai consumir muito da janela de contexto. Um comando personalizado foi criado que testa de forma orientada e cria documentação em estrutura adequada após os testes, monitorando o contexto antes de iniciar para evitar perda de contexto durante a execução.

O apresentador descreve como a implementação prática funciona: ao usar o comando personalizado e fornecer um arquivo para começar a testar, Claude inicia os testes seguindo as instruções exatas do Claude.md. Claude identifica problemas por conta própria e utiliza o navegador e todas as ferramentas necessárias para testar, interagindo com elementos automaticamente e encontrando erros que não são visíveis visualmente mas podem ser detectados lendo a saída do console. Toda execução é documentada ao final conforme instruído, significativamente melhorando o processo de teste porque Claude tem acesso aos logs do console e consegue realizar testes automatizados no navegador de forma muito mais eficaz do que nunca. O vídeo termina agradecendo aos espectadores e sugerindo usar o botão Super Thanks para apoiar o canal na continuidade de conteúdo semelhante.