PixelCheck: Um Pacote npm Que Permite que Agentes de IA Verifiquem Visualmente Páginas Web

PixelCheck é um pacote npm que permite que agentes de IA verifiquem visualmente as páginas web que eles produzem. Em vez de você verificar manualmente cada botão, fluxo, localidade e dispositivo, o agente pode abrir páginas, clicar em botões, preencher formulários, extrair dados estruturados e avaliar a interface — tudo por conta própria.

Por que Existe

O autor, que não é programador, usa o Claude para escrever código frontend, mas encontrou um gargalo: Claude é cego. Cada fluxo de login, tradução para japonês ou layout RTL em árabe exigia verificações manuais no navegador. Ele tirava capturas de tela, colava de volta e descrevia o que estava errado — horas por semana. PixelCheck foi criado para eliminar esse loop.

Principais Capacidades

• Abrir páginas e interagir com elas usando comandos em linguagem natural
• Clicar em botões e preencher formulários
• Extrair dados estruturados de qualquer página
• Avaliar uma interface como uma pessoa real faria
• Comparar duas versões de uma página
• Navegar por um aplicativo como diferentes personas de usuário: dona de casa em Tóquio no MacBook, empresário em Lagos no Tecno, aposentado de 72 anos nos EUA no iPad, empresário árabe RTL, estudante em Xangai no Xiaomi

Detalhes Técnicos

• Funciona localmente — sem SaaS no meio do caminho
• O autor escreveu zero código; cada caractere foi gerado pelo Claude Code
• Toda a lógica foi descrita em inglês simples para o Claude Code, que a transformou em software funcional

Para Quem é

Desenvolvedores que usam agentes de codificação de IA para trabalho frontend e que desejam verificação visual automatizada sem capturas de tela manuais.

Experimente

Disponível agora no npm. O autor o oferece como prova de que instintos de produto podem ser transformados em software via Claude Code, mesmo sem digitar uma linha de código.