ProofShot CLI Brinda a los Agentes de Codificación con IA Capacidades de Verificación en el Navegador

✍️ OpenClawRadar📅 Publicado: 24 de marzo de 2026🔗 Source
ProofShot CLI Brinda a los Agentes de Codificación con IA Capacidades de Verificación en el Navegador
Ad

ProofShot: Verificación del Navegador para Agentes de IA de Programación

ProofShot es una CLI de código abierto y agnóstica a agentes que otorga a los agentes de IA de programación la capacidad de verificar las características de la interfaz de usuario que construyen grabando sesiones del navegador, capturando capturas de pantalla y recopilando errores. Aborda el problema en el que los agentes escriben código pero no pueden ver cómo se ve realmente en el navegador o detectar problemas de diseño y errores de la consola.

Cómo Funciona

La herramienta sigue un flujo de trabajo de tres pasos: iniciar, probar, detener. El agente de IA controla el navegador usando comandos de agente-navegador mientras ProofShot graba la sesión.

Uso básico:

proofshot start --run "npm run dev" --port 3000
# el agente navega, hace clic, toma capturas de pantalla
proofshot stop

Ejemplo detallado del flujo de trabajo:

# 1. Iniciar — abrir navegador, comenzar grabación, capturar registros del servidor
proofshot start --run "npm run dev" --port 3000 --description "Verificación del formulario de inicio de sesión"

2. Probar — el agente de IA controla el navegador

agent-browser snapshot -i # Ver elementos interactivos agent-browser open http://localhost:3000/login # Navegar agent-browser fill @e2 "[email protected]" # Rellenar formulario agent-browser click @e5 # Hacer clic en enviar agent-browser screenshot ./proofshot-artifacts/step-login.png # Capturar prueba

3. Detener — empaquetar video + capturas de pantalla + errores en artefactos de prueba

proofshot stop

Características Principales

  • Funciona con cualquier agente de IA de programación que pueda ejecutar comandos de shell (Claude Code, Cursor, Codex, Gemini CLI, Windsurf, GitHub Copilot, etc.)
  • Empaquetado como una habilidad para que los agentes de IA entiendan cómo usarlo
  • Basado en agent-browser de Vercel Labs (descrito como "mucho mejor y más rápido que Playwright MCP")
  • No es un framework de pruebas — no decide aprobado/reprobado, solo proporciona evidencia
  • Genera archivos HTML autónomos con video, capturas de pantalla y registros
  • Puede subir artefactos a PRs de GitHub como comentarios en línea con proofshot pr
Ad

Instalación y Configuración

npm install -g proofshot
proofshot install

El primer comando instala la CLI y agent-browser (con Chromium sin cabeza). El segundo detecta tus herramientas de IA de programación e instala la habilidad ProofShot a nivel de usuario — funciona automáticamente en todos los proyectos.

Artefactos de Salida

Cada sesión produce una carpeta con marca de tiempo en ./proofshot-artifacts/ que contiene:

  • session.webm — Grabación de video de toda la sesión
  • viewer.html — Visor interactivo independiente con barra de desplazamiento, línea de tiempo y pestañas de Registro de Consola/Servidor
  • SUMMARY.md — Informe en Markdown con errores, capturas de pantalla y video
  • step-*.png — Capturas de pantalla capturadas en momentos clave
  • session-log.json — Línea de tiempo de acciones con marcas de tiempo y datos de elementos
  • server.log — Salida stdout/stderr del servidor de desarrollo (al usar --run)
  • console-output.log — Salida de la consola del navegador

Comandos Disponibles

  • proofshot install — Detectar herramientas de IA de programación e instalar la habilidad ProofShot
  • proofshot start — Iniciar sesión de verificación con navegador, grabación, captura de errores
  • proofshot stop — Detener grabación, recopilar errores, generar artefactos de prueba
  • proofshot exec — Comando de paso a través

La herramienta es completamente gratuita y de código abierto, sin dependencia de proveedores ni de la nube. Está diseñada para desarrolladores que usan agentes de IA para construir características de interfaz de usuario y quieren verificar los resultados sin abrir manualmente el navegador cada vez.

📖 Read the full source: HN AI Agents

Ad

👀 Ver también

Dominando los Modos de Suscripción Antropic: Haiku, Soneto y Ópera
Herramientas

Dominando los Modos de Suscripción Antropic: Haiku, Soneto y Ópera

Explora los modos de suscripción innovadores de Antropic: Haiku, Soneto y Ópera, diseñados para mejorar tu experiencia de codificación con IA a través de características y precios personalizados.

OpenClawRadar
Marco de Trabajo de Equipo de Investigación en una Caja para Claude Code Usando Arquitectura Multi-Agente
Herramientas

Marco de Trabajo de Equipo de Investigación en una Caja para Claude Code Usando Arquitectura Multi-Agente

Un desarrollador creó un marco de investigación multiagente para Claude Code que utiliza Opus 4.6 para coordinar agentes especializados a través de un complemento llamado research-clab. El marco se despliega mediante un proceso guiado de preguntas y respuestas e incluye 11 habilidades, definiciones de agentes y directorios estructurados para gestionar proyectos de investigación complejos.

OpenClawRadar
Servidor MCP de código abierto agrega memoria de sesión integrada para Claude Desktop.
Herramientas

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.

OpenClawRadar
Habilidades de Claude Code de Código Abierto: Un Pipeline /do que Redujo los Seguimientos en un 80%
Herramientas

Habilidades de Claude Code de Código Abierto: Un Pipeline /do que Redujo los Seguimientos en un 80%

Un desarrollador publicó como código abierto 15 habilidades de Claude Code desarrolladas en más de 100 proyectos freelance. El comando /do ejecuta un pipeline de 5 pasos (/todo → /dev → /verify-dev → /build → /test → push) con bucles de autocorrección, lo que resulta en un 80% menos de seguimientos y una mejora del 60-65% en la calidad del código en más de 2000 commits.

OpenClawRadar