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
cstat: Eine native Rust-Statusleiste für Claude Code mit 2ms Leistung
cstat ist ein natives Rust-Binary, das die 62ms Statuszeile von claude-hud durch eine 2ms-Implementierung ersetzt, indem es 24 Subprozess-Starts pro Aufruf eliminiert. Es zeigt Modellinformationen, Ratenlimits, Git-Status, Kontextfensternutzung, aktive Tools, Subagenten und Aufgabenfortschritt an.
Chrome-Erweiterung verbindet Google Messages über MCP mit Claude Code
Ein Entwickler hat eine Chrome-Erweiterung erstellt, die Google Messages Web mit Claude Code über MCP mit stdio und WebSocket-Transport verbindet. Die Erweiterung listet Chats auf, liest Nachrichten und verfasst Antworten, kann aber derzeit aufgrund der Angular zone.js-Isolation keine Nachrichten senden.
OpenRouter Modellpreise und Intelligenz-pro-Dollar-Analyse
Ein Reddit-Nutzer hat die OpenRouter-API-Preise für 16 KI-Modelle zusammengestellt und Intelligenz-pro-Dollar-Werte berechnet, wobei MiMo-V2-Flash mit 0,09 $/M Token als bester Wert identifiziert wurde und GPT-5.4 mit 2,50 $/M Token als intelligentestes Modell.
BaseLayer: Open-Source Behavioral Compression Pipeline für KI-Gedächtnissysteme
BaseLayer ist eine Open-Source-Pipeline, die Überzeugungen, Verhaltensweisen, Spannungen und Widersprüche aus Gesprächen, Tagebüchern und veröffentlichten Texten extrahiert und sie in ein Identitätsprofil für KI-Modelle komprimiert. Sie wurde an Datensätzen getestet, die von 8 persönlichen Tagebucheinträgen bis hin zu großen Korpora wie den Aktionärsbriefen von Warren Buffett (350.000 Wörter) und den Investment-Memos von Howard Marks (600.000 Wörter) reichen.