ProofShot: CLI para Agentes de IA para Verificar Código de Interfaz de Usuario con Grabación del Navegador
Qué hace ProofShot
ProofShot es una herramienta CLI que brinda a los agentes de codificación con IA capacidades de verificación visual. Permite a los agentes ver cómo se ve realmente la interfaz de usuario que construyen en el navegador, detectar problemas de diseño y capturar errores de la consola.
Cómo funciona
La herramienta opera mediante tres comandos principales:
proofshot start --run "npm run dev" --port 3000- Inicia tu servidor de desarrollo, abre Chromium sin interfaz y comienza a grabar video- Tu agente de IA luego ejecuta acciones como
proofshot exec navigate "http://localhost:3000"yproofshot exec screenshot "homepage"para navegar, hacer clic, llenar formularios y tomar capturas de pantalla proofshot stop- Recopila errores, detiene la grabación, recorta tiempo muerto y genera artefactos de prueba
Salida y características
ProofShot genera un archivo HTML independiente que contiene:
- Reproducción de video de la sesión del navegador sincronizada con una línea de tiempo de acciones
- Capturas de pantalla tomadas durante la sesión
- Etiquetas de elementos para cada acción
- Errores de la consola del navegador capturados durante la sesión
- Registros del servidor escaneados con coincidencia de patrones para JavaScript, Python, Go, Rust y otros lenguajes
- Artefactos listos para PR que incluyen SUMMARY.md y salida formateada para solicitudes de extracción
- Comparación visual de diferencias contra líneas base
Detalles técnicos
La herramienta es:
- Construida sobre agent-browser de Vercel Labs (descrito como "mucho mejor y más rápido que Playwright MCP")
- No es un marco de pruebas: el agente no decide aprobar/rechazar, solo proporciona evidencia
- Agnóstica al agente: funciona con Claude Code, Cursor, Codex, Gemini CLI, Windsurf y cualquier agente compatible con MCP
- Empaquetada como una habilidad para que los agentes de IA sepan exactamente cómo funciona
- De código abierto con licencia MIT
Instalación y configuración
$ npm install -g proofshot
$ proofshot install
La herramienta recorta automáticamente el tiempo muerto de las grabaciones, por lo que solo ves lo que el agente realmente hizo, no períodos de espera inactivos.
📖 Leer la fuente completa: HN LLM Tools
👀 Ver también
Servidor MCP de código abierto agrega memoria de sesión integrada para Claude Desktop.
Un desarrollador construyó un servidor MCP en TypeScript con memoria de sesión integrada para preservar el contexto entre sesiones de codificación en Claude Desktop, eliminando la necesidad de infraestructura de memoria separada. El servidor incluye funciones de guardar/cargar sesiones y herramientas adicionales como integración con Brave Search y Google Gemini.
Baton: Una Aplicación de Escritorio para Gestionar Múltiples Agentes de IA de Programación
Baton es una aplicación de escritorio que ayuda a los desarrolladores a gestionar múltiples agentes de programación con IA en espacios de trabajo aislados. Proporciona sesiones de terminal en tiempo real, aislamiento de árboles de trabajo de git y monitoreo de estado para agentes como Claude Code, Codex CLI, OpenCode y Gemini CLI.
Gemma-4 26B-A4B con Opencode se ejecuta eficientemente en el MacBook Air M5.
Una MacBook Air M5 de 32GB puede ejecutar el modelo Gemma-4-26B-A4B-it-UD-IQ4_XS a 300 tokens/segundo en procesamiento de prompts y 12 tokens/segundo en generación en modo de bajo consumo, utilizando solo 8W de potencia sin calentarse ni hacer ruido.
angular-grab: Herramienta para Extraer el Contexto de Componentes Angular para Agentes de IA
angular-grab es una herramienta solo para desarrollo que te permite apuntar a cualquier elemento de la interfaz de usuario en un servidor de desarrollo de Angular, presionar Cmd+C y copiar el rastro completo de la pila de componentes con rutas de archivos y HTML a tu portapapeles para pegarlo en agentes de IA.