Project Capture – Ein Skill für AI-Agenten zur Automatisierung von Bildschirmaufnahmen in Webprojekten

Da ich bei Webprojekten immer wieder Bildschirmaufnahmen machen musste und es lästig war, jedes Mal Routen zu prüfen, den Login zu verarbeiten, den Aufnahmebereich auszuwählen und die Ergebnisse manuell zu organisieren, habe ich dieses Tool entwickelt.

project-capture ist ein Tool, bei dem ein AI-Coding-Agent zunächst das Projekt analysiert, dann mit dem Nutzer abstimmt, welche Bildschirme erfasst werden sollen, und anschließend mit Playwright Screenshots und Berichte erstellt.

Es wurde als Codex-Skill entwickelt, aber auch als npm-Paket veröffentlicht, sodass es sich mit anderen AI-Tools wie Claude Code oder Gemini CLI sowie in einem normalen Terminal verwenden lässt.

Es ist weniger ein vollständig automatischer Crawler als vielmehr ein Tool, das hilft, den Ablauf „Projektanalyse → Bestätigung des Aufnahmebereichs → Login-Verarbeitung → Bildschirmaufnahme → Berichtserstellung“ zuverlässig durchzuführen.

Die wichtigsten Funktionen sind wie folgt.

• Analyse der Projektstruktur zur Ermittlung möglicher Routen
• Unterstützung für Next.js, Remix, React Router und allgemeine SPA-Routenmuster
• Auswahl des Aufnahmebereichs: vollständig / Kerndomäne / bestimmte Domäne / manuelle Festlegung
• Erkennung, ob ein Login erforderlich ist, sowie Unterstützung für manuellen Login und Login per Umgebungsvariable
• Dynamische Routen werden auf Basis von Beispiel-URLs verarbeitet
• Bildschirmaufnahmen mit Playwright
• Wahl zwischen vollständiger Scroll-Aufnahme oder Aufnahme mit bestimmtem Viewport
• Erstellung von capture-report.md und capture-results.json