PixelCheck: Ein npm-Paket, das KI-Agenten die visuelle Überprüfung von Webseiten ermöglicht
PixelCheck ist ein npm-Paket, das KI-Agenten die visuelle Überprüfung der von ihnen erstellten Webseiten ermöglicht. Statt dass Sie manuell jeden Button, jeden Flow, jedes Gebietsschema und jedes Gerät prüfen, kann der Agent selbstständig Seiten öffnen, Buttons klicken, Formulare ausfüllen, strukturierte Daten extrahieren und die Benutzeroberfläche bewerten.
Warum es das gibt
Der Autor, kein Programmierer, nutzt Claude, um Frontend-Code zu schreiben, stieß jedoch auf ein Hindernis: Claude ist blind. Jeder Login-Flow, jede japanische Übersetzung oder jedes arabische RTL-Layout erforderte manuelle Browser-Prüfungen. Er erstellte Screenshots, fügte sie ein und beschrieb, was falsch war – Stunden pro Woche. PixelCheck wurde entwickelt, um diese Schleife zu beseitigen.
Hauptfunktionen
- Seiten öffnen und mit ihnen durch natürliche Sprachbefehle interagieren
- Buttons klicken und Formulare ausfüllen
- Strukturierte Daten von jeder Seite extrahieren
- Eine Benutzeroberfläche bewerten wie ein echter Mensch
- Zwei Versionen einer Seite vergleichen
- Eine App durchgehen als verschiedene Benutzer-Personas: Hausfrau aus Tokio auf MacBook, Unternehmer aus Lagos auf Tecno, 72-jähriger US-Rentner auf iPad, arabischer Geschäftsmann mit RTL, Student aus Shanghai auf Xiaomi
Technische Details
- Läuft lokal – kein SaaS in der Schleife
- Der Autor hat null Code geschrieben; jedes Zeichen wurde von Claude Code generiert
- Die gesamte Logik wurde in einfachem Englisch an Claude Code beschrieben, das sie in auslieferungsfähige Software umwandelte
Für wen es gedacht ist
Entwickler, die KI-Coding-Agenten für Frontend-Arbeiten nutzen und eine automatisierte visuelle Verifizierung ohne manuelle Screenshots wünschen.
Ausprobieren
Jetzt auf npm verfügbar. Der Autor stellt es als Beweis zur Verfügung, dass Produktinstinkte über Claude Code in Software umgesetzt werden können, ohne eine einzige Zeile Code zu tippen.
📖 Vollständige Quelle lesen: r/ClaudeAI
👀 Siehe auch
Screenbox: Open-Source-Virtuelle Desktops für KI-Agenten, vollständig per Sprache erstellt
Screenbox bietet isolierte Linux-Desktops in Docker für KI-Agenten und löst Konflikte, wenn mehrere Agenten parallel laufen. Das Projekt wurde vollständig mit Sprachbefehlen über Claude Code erstellt, und der Ersteller hat keine einzige Codezeile gesehen.
Erkundung von LiveDocs: Ein KI-natives Datenanalyse-Notebook
LiveDocs bietet eine reaktive Notebook-Umgebung, die es Datenteams ermöglicht, mehrstufige Analysen durchzuführen und die Analyse von Anfang bis Ende mit Hilfe eines KI-Agenten aufrechtzuerhalten.
Umstellung von CLAUDE.md-Regeln auf infrastrukturelle Durchsetzung mit Citadel
Ein Entwickler stellte fest, dass das Hinzufügen weiterer Regeln zu CLAUDE.md über etwa 100 Zeilen hinaus die Compliance verringerte, wobei 40 % Redundanz in seiner Datei bestand. Die Lösung bestand darin, die Durchsetzung von Anweisungen in die Infrastruktur zu verlagern, indem Lebenszyklus-Hooks, Skills und Kampagnendateien verwendet wurden, was schließlich zum Open-Source-System Citadel führte.
Kaltvalidierungsarchitektur: Dual-Agent-Code-Review-System als Open Source veröffentlicht
Das Open-Source-System nutzt zwei separate KI-Agenten zur Code-Validierung: Einer erstellt den Code, ein anderer prüft ihn ohne Kontext über die Überlegungen des Erstellers. Der Prüfer sieht nur Plan-Dokumente, Code-Änderungen und Testergebnisse.