PixelCheck: Un paquete npm que permite a los agentes de IA verificar visualmente páginas web

PixelCheck es un paquete npm que permite a los agentes de IA verificar visualmente las páginas web que generan. En lugar de que revises manualmente cada botón, flujo, configuración regional y dispositivo, el agente puede abrir páginas, hacer clic en botones, rellenar formularios, extraer datos estructurados y puntuar la interfaz de usuario, todo por sí solo.

Por qué existe

El autor, que no es programador, usa Claude para escribir código frontend pero se encontró con un cuello de botella: Claude es ciego. Cada flujo de inicio de sesión, traducción al japonés o diseño RTL en árabe requería verificaciones manuales en el navegador. Tenían que hacer capturas de pantalla, pegarlas y describir qué estaba mal, horas cada semana. PixelCheck se creó para eliminar ese bucle.

Capacidades clave

• Abrir páginas e interactuar con ellas usando comandos en lenguaje natural
• Hacer clic en botones y rellenar formularios
• Extraer datos estructurados de cualquier página
• Puntuar una interfaz de usuario como lo haría una persona real
• Comparar dos versiones de una página
• Recorrer una aplicación como diferentes perfiles de usuario: ama de casa en Tokio con MacBook, emprendedor en Lagos con Tecno, jubilado estadounidense de 72 años con iPad, empresario árabe con RTL, estudiante en Shanghái con Xiaomi

Detalles técnicos

• Se ejecuta localmente — sin SaaS en el proceso
• El autor escribió cero código; cada carácter fue generado por Claude Code
• Toda la lógica se describió en inglés sencillo a Claude Code, quien la convirtió en software funcional

Para quién es

Desarrolladores que usan agentes de IA para codificar frontend y que desean una verificación visual automatizada sin capturas de pantalla manuales.

Pruébalo

Ya disponible en npm. El autor lo ofrece como prueba de que los instintos de producto pueden convertirse en software mediante Claude Code, incluso sin escribir una línea de código.