ProofShot: CLI para Agentes de IA Verificarem Código de UI com Gravação de Navegador
O que o ProofShot faz
ProofShot é uma ferramenta CLI que dá aos agentes de IA de programação capacidades de verificação visual. Permite que os agentes vejam como a interface que constroem realmente aparece no navegador, detectem problemas de layout e capturem erros do console.
Como funciona
A ferramenta opera através de três comandos principais:
proofshot start --run "npm run dev" --port 3000- Inicia seu servidor de desenvolvimento, abre o Chromium headless e começa a gravar vídeo- Seu agente de IA então executa ações como
proofshot exec navigate "http://localhost:3000"eproofshot exec screenshot "homepage"para navegar, clicar, preencher formulários e tirar capturas de tela proofshot stop- Coleta erros, para a gravação, remove tempos mortos e gera artefatos de prova
Saída e recursos
ProofShot gera um arquivo HTML autônomo contendo:
- Reprodução de vídeo da sessão do navegador sincronizada com uma linha do tempo de ações
- Capturas de tela tiradas durante a sessão
- Rótulos de elementos para cada ação
- Erros do console do navegador capturados durante a sessão
- Logs do servidor escaneados com correspondência de padrões para JavaScript, Python, Go, Rust e outras linguagens
- Artefatos prontos para PR incluindo SUMMARY.md e saída formatada para pull requests
- Comparação visual de diferenças contra baselines
Detalhes técnicos
A ferramenta é:
- Construída sobre agent-browser da Vercel Labs (descrito como "muito melhor e mais rápido que Playwright MCP")
- Não é uma estrutura de teste - o agente não decide aprovação/reprovação, apenas fornece evidências
- Agnóstica de agente - funciona com Claude Code, Cursor, Codex, Gemini CLI, Windsurf e qualquer agente compatível com MCP
- Empacotada como uma habilidade para que os agentes de IA saibam exatamente como funciona
- Código aberto com licença MIT
Instalação e configuração
$ npm install -g proofshot
$ proofshot install
A ferramenta remove automaticamente tempos mortos das gravações, então você vê apenas o que o agente realmente fez, não períodos de espera ociosa.
📖 Read the full source: HN LLM Tools
👀 See Also
Logseq Brain v0.6.0: Plugin de Memória Persistente para Claude Code Adiciona Diário de Jornada e Leituras Direcionadas por Seção
Logseq Brain v0.6.0 adiciona um diário de jornada para todas as operações, leituras direcionadas por seção para economia de tokens e divulgação progressiva para arquivos de habilidades.
Ferramenta Monitor do Claude Code canaliza logs do servidor de desenvolvimento para correções automáticas orientadas por IA
A ferramenta Monitor do Claude Code permite executar um servidor de desenvolvimento em segundo plano, monitorar logs com filtros grep inteligentes e fazer com que o Claude detecte automaticamente erros, escreva correções e as envie — tudo enquanto você testa a interface.
Plugin de Excelência Criativa para Claude Code Melhora a Qualidade da Animação com Tese de Interação
Um novo plugin de código aberto para Claude Code aborda a geração de animações genéricas implementando uma abordagem de 'tese de interação' onde o Claude deve descrever conceitos de movimento antes de codificar. O plugin inclui 8 sub-habilidades que abrangem GSAP, Framer Motion, animações CSS e princípios de design de repositórios estudados.
Servidor MCP Rastreia Bugs Conhecidos em Ferramentas de Desenvolvimento para Melhorar Recomendações de LLM
nanmesh-mcp é um servidor MCP que rastreia problemas reais em 57 ferramentas de desenvolvimento através de GitHub Issues, Stack Overflow e Reddit, fornecendo dados de bugs atuais para LLMs antes de fazer recomendações de bibliotecas.