Bugpilot

O que é o Bugpilot?

Bugpilot é uma extensão do Chrome que regista o contexto de depuração do navegador e o transforma em Markdown estruturado para assistentes de AI. Captura a saída do console, pedidos de rede, o estado do DOM e a sequência de ações do usuário que levaram a um bug, para que os desenvolvedores possam colar um único relatório em ferramentas como Claude ou ChatGPT.

O produto foi criado para reduzir o vai-e-vem que normalmente acontece quando uma AI não tem detalhes suficientes para reproduzir o problema. Em vez de recolher manualmente capturas de ecrã, logs do console e informações de rede, o usuário grava uma sessão, reproduz o problema, para a captura e exporta o resultado num formato que a AI consegue ler.

Principais funcionalidades

• Regista eventos do console, incluindo erros, avisos, logs, carimbos de data/hora e stack traces, para que o contexto de depuração fique reunido num só lugar.
• Captura pedidos de rede com URLs, métodos, códigos de estado e pré-visualizações de resposta para documentar o que a app estava a fazer quando o bug ocorreu.
• Armazena contexto do DOM, incluindo o outer HTML no momento da captura e o elemento em que foi clicado, o que ajuda a explicar o estado da UI por trás do problema.
• Regista ações do usuário como cliques, introdução em formulários e navegação, fornecendo um rasto de reprodução em vez de depender de um resumo escrito.
• Oferece capturas de ecrã opcionais como frames WebP no início da gravação, em erros do console e ao parar, com metadados de timeline que ligam cada frame ao evento que o desencadeou.
• Aplica redacção automática para passwords, endereços de email, números de cartão de crédito, JWTs, chaves de API, cabeçalhos de autorização e tokens de URL antes de os dados serem armazenados.
• Fornece formatos de exportação para além de Markdown no plano Pro, incluindo Claude XML, OpenAI JSON, HTML de ficheiro único e bundles ZIP com Markdown e JSON.
• Funciona localmente no browser, sem contas, servidores, telemetry, tracking ou analytics, para que as capturas permaneçam na máquina do usuário até serem exportadas.

Como usar o Bugpilot

Instale a extensão do Chrome e abra o pop-up quando encontrar um bug numa app web. Clique em Record, reproduza o problema, depois clique em Stop e copie a captura como Markdown ou noutro formato suportado.

Cole o resultado num assistente de código com AI, como Claude ou ChatGPT, ou guarde-o como relatório para revisão posterior. Se necessário, ative capturas de ecrã ou use um formato de exportação Pro antes de copiar ou transferir.

Casos de uso

• Criar um relatório de bug para um assistente de AI: um desenvolvedor regista o problema uma vez e cola a saída estruturada no Claude ou ChatGPT em vez de juntar logs manualmente.
• Partilhar um pacote de reprodução com um colega de equipa: as ações do usuário, a saída do console e os pedidos de rede capturados facilitam a outro desenvolvedor seguir os mesmos passos.
• Investigar um bug de interação de UI: o estado do DOM e a captura do elemento clicado ajudam a explicar que elemento esteve realmente envolvido quando o problema ocorreu.
• Depurar falhas de API ou de pedidos: a timeline de rede mostra detalhes do pedido e códigos de estado ao lado da ação do usuário que desencadeou a falha.
• Capturar o estado do framework para depuração mais profunda: o plano Pro inclui árvore de componentes React, props e estado de hooks para casos em que os logs do console por si só não são suficientes.

FAQ

O Bugpilot funciona no browser ou num servidor? Funciona localmente no browser. A fonte diz que não há servidores, telemetry, tracking ou analytics.

O que o Bugpilot exporta? A versão gratuita exporta Markdown e pode transferir um ZIP com capturas de ecrã. O plano Pro adiciona vários formatos orientados para AI, incluindo Claude XML, OpenAI JSON, HTML e saída combinada Markdown/JSON em ZIP.

A redacção é opcional? Não. A fonte diz que a redacção está sempre ativa e não pode ser desativada.

O Bugpilot requer uma conta? A fonte diz que não há contas.

A que assistentes se destina? Está posicionado para Claude, ChatGPT, Cursor e outras ferramentas de código com AI que conseguem ler Markdown ou os formatos de exportação Pro.

Alternativas

• Captura manual no DevTools: capturas de ecrã, saída do console copiada e detalhes de rede colados podem ser reunidos manualmente, mas o processo é mais lento e menos estruturado.
• Ferramentas genéricas de relatórios de bugs: muitas focam-se em recolher capturas de ecrã ou relatórios em formulário, em vez de empacotar console, rede, DOM e histórico de ações para uso em AI.
• Ferramentas de session replay ou monitorização de erros: podem ajudar na depuração, mas normalmente centram-se em observabilidade ou reprodução, em vez de um relatório para copiar e colar num assistente.
• Notas simples em markdown: um desenvolvedor pode escrever passos de reprodução e colar logs manualmente, mas essa abordagem não captura automaticamente o estado do browser nem redige valores sensíveis.