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
¿Por qué los flujos de trabajo deterministas superan a la orquestación impulsada por IA para sistemas de agentes?
Un desarrollador con un año de experiencia construyendo sistemas de agentes comparte que la orquestación impulsada por IA falló consistentemente debido al enrutamiento no determinista, errores acumulativos, explosión de costos y depuración imposible. Cambiar a flujos de trabajo deterministas con orquestación basada en código eliminó los fallos de orquestación.
Vibe Remote: Puente Móvil para Acceder al Código de Claude desde Cualquier Lugar
Vibe Remote es una aplicación móvil que proporciona acceso remoto a entornos de desarrollo de Claude Code desde un teléfono, permitiendo a los usuarios mantener sus configuraciones locales, historial de Git y estructura de archivos sin requerir Tailscale o configuraciones complejas de VPN.
El pipeline MCP de llamada única reduce el uso de tokens de Claude Code en un 74%.
Un desarrollador construyó un motor de contexto MCP que proporciona a Claude Code un gráfico de dependencias de bases de código, reduciendo inicialmente el uso de tokens en un 65%. Una nueva canalización de llamada única reduce aún más los tokens en un 74% al eliminar múltiples viajes de ida y vuelta y deduplicar resultados en el servidor.
Claude Sleuth: Un Flujo de Trabajo de Investigación de 56 Tareas para Claude AI
Claude Sleuth es un flujo de trabajo de investigación estructurado para Claude AI con 6 fases y 56 tareas, que incluye almacenamiento de estado persistente mediante Cloudflare D1 y convenciones de salida estandarizadas que abarcan marcas de tiempo ISO 8601, registros de entidades POLE y el lenguaje de probabilidad ICD 203.