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
La extensión Claude Toolbox agrega marcadores a nivel de mensaje y búsqueda de texto completo
Claude Toolbox es una extensión de Chrome que permite marcar mensajes individuales, buscar en todo el texto de las conversaciones y exportar como TXT o JSON. El nivel gratuito cubre 2 conversaciones; el pago cuesta $5 al mes o $49 de por vida.
Tres servidores MCP para investigación en comercio electrónico con Claude: herramientas de Shopify, Amazon y Google Maps.
Un desarrollador creó tres servidores MCP para que Claude analice tiendas Shopify sin claves API, evalúe oportunidades de productos en Amazon y encuentre/califique clientes potenciales de negocios locales desde Google Maps. Todos están disponibles en Apify.
AutoDream: sistema de memoria de 11 ganchos para Claude Code con funciones de seguridad
AutoDream es una herramienta de código abierto que añade persistencia de memoria de proyecto y seguridad de comandos a Claude Code. Utiliza 11 hooks en 6 eventos para inyectar contexto, bloquear comandos peligrosos y sobrevivir a la operación /compact.
Claude Code Studio: Aplicación de Escritorio de Código Abierto para Gestionar Múltiples Sesiones de Codificación con Claude
Claude Code Studio v0.9.3 es una aplicación de escritorio de código abierto que proporciona una interfaz multipanel para gestionar múltiples sesiones de la CLI de Claude Code. Aborda problemas comunes de flujo de trabajo como manejar múltiples pestañas de terminal, persistencia de sesiones y repetición de instrucciones.