ProofShot: CLI für KI-Agenten zur Überprüfung von UI-Code mit Browser-Aufzeichnung

✍️ OpenClawRadar📅 Veröffentlicht: 24. März 2026🔗 Source
ProofShot: CLI für KI-Agenten zur Überprüfung von UI-Code mit Browser-Aufzeichnung
Ad

Was ProofShot macht

ProofShot ist ein CLI-Tool, das KI-Codierungsagenten visuelle Verifizierungsfähigkeiten bietet. Es ermöglicht Agenten zu sehen, wie die von ihnen erstellte Benutzeroberfläche tatsächlich im Browser aussieht, Layoutprobleme zu erkennen und Konsolenfehler zu erfassen.

Wie es funktioniert

Das Tool arbeitet mit drei Hauptbefehlen:

  • proofshot start --run "npm run dev" --port 3000 - Startet Ihren Entwicklungsserver, öffnet headless Chromium und beginnt mit der Videoaufzeichnung
  • Ihr KI-Agent führt dann Aktionen wie proofshot exec navigate "http://localhost:3000" und proofshot exec screenshot "homepage" aus, um zu navigieren, zu klicken, Formulare auszufüllen und Screenshots zu erstellen
  • proofshot stop - Sammelt Fehler, stoppt die Aufzeichnung, schneidet Leerlaufzeiten heraus und erzeugt Beweisartefakte

Ausgabe und Funktionen

ProofShot erzeugt eine eigenständige HTML-Datei, die enthält:

  • Video-Wiedergabe der Browsersitzung synchronisiert mit einer Aktionszeitleiste
  • Während der Sitzung erstellte Screenshots
  • Elementbeschriftungen für jede Aktion
  • Während der Sitzung erfasste Browser-Konsolenfehler
  • Serverscans mit Mustererkennung für JavaScript, Python, Go, Rust und andere Sprachen
  • PR-fertige Artefakte einschließlich SUMMARY.md und formatierten Ausgaben für Pull Requests
  • Visuellen Vergleich mit Baselines
Ad

Technische Details

Das Tool ist:

  • Auf agent-browser von Vercel Labs aufgebaut (beschrieben als "weitaus besser und schneller als Playwright MCP")
  • Kein Testframework - der Agent entscheidet nicht über Bestehen/Nichtbestehen, sondern liefert nur Beweise
  • Agentenunabhängig - funktioniert mit Claude Code, Cursor, Codex, Gemini CLI, Windsurf und jedem MCP-kompatiblen Agenten
  • Als Skill verpackt, damit KI-Agenten genau wissen, wie es funktioniert
  • Open Source mit MIT-Lizenz

Installation und Einrichtung

$ npm install -g proofshot

$ proofshot install

Das Tool schneidet automatisch Leerlaufzeiten aus Aufzeichnungen heraus, sodass Sie nur sehen, was der Agent tatsächlich getan hat, nicht inaktive Wartezeiten.

📖 Read the full source: HN LLM Tools

Ad

👀 Siehe auch

Org Studio: Open-Source-Dashboard zur Verwaltung von Multi-Agenten-KI-Teams
Werkzeuge

Org Studio: Open-Source-Dashboard zur Verwaltung von Multi-Agenten-KI-Teams

Org Studio ist ein Open-Source-Dashboard, das Organisationsdesign-Prinzipien anwendet, um Teams von KI-Agenten zu koordinieren, mit nativer Unterstützung für sowohl OpenClaw- als auch Hermes-Agent-Laufzeitumgebungen. Es bietet Team-Topologie-Management, ereignisgesteuerte Aufgabenbretter und kommunikationsübergreifende Laufzeitumgebungen, in denen Agenten sich gegenseitig in Aufgabenkommentaren erwähnen können.

OpenClawRadar
SkillMesh: MCP-freundlicher Router für große Werkzeugkataloge reduziert Kontextgröße um 70 %
Werkzeuge

SkillMesh: MCP-freundlicher Router für große Werkzeugkataloge reduziert Kontextgröße um 70 %

SkillMesh ist ein MCP-freundlicher Router, der für KI-Agenten-Abfragen nur relevante Expertenkarten abruft, die Kontextgröße um 70% reduziert und die Werkzeugauswahl verbessert. Er unterstützt Claude über MCP-Server, Codex-Fähigkeitspakete und OpenAI-ähnliche Funktionsschemata.

OpenClawRadar
Claude Code v2.1.142: Neue Claude-Agents-Flags, Opus 4.7 als Standard und Fehlerbehebungen
Werkzeuge

Claude Code v2.1.142: Neue Claude-Agents-Flags, Opus 4.7 als Standard und Fehlerbehebungen

Claude Code v2.1.142 fügt acht neue Flags zur Konfiguration von Hintergrundsitzungen hinzu, schaltet den Schnellmodus standardmäßig auf Opus 4.7 um und behebt über ein Dutzend Fehler, darunter MCP-Tool-Timeout, macOS-Schlaf-/Aufwach-Daemon-Probleme und Deadlocks bei Windows-Netzwerklaufwerken.

OpenClawRadar
V6rge AI Suite Update fügt NVIDIA GPU-Unterstützung und Beta-Coding-Agent hinzu
Werkzeuge

V6rge AI Suite Update fügt NVIDIA GPU-Unterstützung und Beta-Coding-Agent hinzu

Die V6rge AI Suite hat ein Update veröffentlicht, das GPU-Erkennungsprobleme behebt, volle NVIDIA-GPU-Unterstützung für bessere Leistung hinzufügt und einen neuen Beta-Coding-Agent einführt, der Code direkt in der App generiert und unterstützt.

OpenClawRadar