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
Zot: Un agente de codificación ligero para terminal ahora compatible con Claude Opus 4.8
Zot es un agente de codificación minimalista para terminal, distribuido como un único binario estático de Go sin dependencias de runtime ni Docker. Ahora soporta Claude Opus 4.8 junto con docenas de otros modelos.
Extensión de Visual Studio 2022 Agrega Integración Nativa de Ollama para LLMs Locales
Una extensión gratuita para Visual Studio 2022 se conecta directamente a endpoints locales de Ollama, permitiendo asistencia de IA privada para programación sin cambiar entre herramientas. Soporta modelos como DeepSeek y Llama 3 con opciones de respaldo en la nube.
Trepan: Auditor de Seguridad Local de VS Code para Código Generado por IA
Trepan es una extensión de código abierto para VS Code que actúa como guardián de seguridad para sugerencias de código generadas por IA. Utiliza Ollama para ejecutar auditorías de seguridad locales contra reglas específicas del proyecto en un archivo .trepan/system_rules.md.
companion-capture: Herramienta guarda las burbujas de habla efímeras de Claude Code
companion-capture es una herramienta de código abierto que captura los globos de diálogo del personaje compañero de Claude Code antes de que desaparezcan de la terminal. Guarda los mensajes en archivos markdown y SQLite para búsquedas, utilizando análisis del búfer de pantalla VT100 para rastrear posiciones del cursor.