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
Servidor MCP Conecta Claude ao Room EQ Wizard para Análise de Acústica de Estúdio
Um servidor MCP de código aberto dá ao Claude AI controle sobre o Room EQ Wizard, permitindo calibração automatizada de monitores de estúdio e análise de acústica da sala. A ferramenta inclui 27 ferramentas MCP para controle de medição, geração de sinal, medição de SPL e gerenciamento de EQ.
OpenRoom: Uma Interface Gráfica de Desktop Baseada na Web para Visualizar Habilidades de Agentes de IA
OpenRoom é um ambiente de desktop baseado na web onde agentes de IA operam, apresentando atualizações em tempo real do estado do sistema, como diários e arquivos durante interações de chat, além de um modo de transmissão ao vivo para interação com múltiplos bots.
CLI-Anything-WEB: plugin de código aberto que engenharia reversa de qualquer site em um CLI em Python para Claude Code
O CLI-Anything-WEB é um plugin de código aberto para o Claude Code que monitora o tráfego do seu navegador, faz engenharia reversa do protocolo e gera uma CLI Python completa com autenticação, testes e suporte a --json. 19 CLIs de exemplo incluídas para sites como Reddit, Booking, Airbnb, ChatGPT e LinkedIn.
Modo Contexto: Um Servidor MCP que Comprime Saídas de Ferramentas para Claude Code
Context Mode é um servidor MCP que fica entre o Claude Code e as saídas das ferramentas, processando-as em sandboxes e retornando apenas resumos. Ele reduz 315 KB de saída MCP para 5,4 KB, estendendo o tempo de sessão antes da desaceleração de ~30 minutos para ~3 horas.