ProofShot: CLI para Agentes de IA para Verificar Código de Interfaz de Usuario con Grabación del Navegador

✍️ OpenClawRadar📅 Publicado: 24 de marzo de 2026🔗 Source
ProofShot: CLI para Agentes de IA para Verificar Código de Interfaz de Usuario con Grabación del Navegador
Ad

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" y proofshot 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
Ad

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

Ad

👀 Ver también