Erstelle zuverlässige Screenshots von Desktops, Browsern, Simulatoren und CI-Umgebungen mit dem richtigen Tool, Viewport und stabilen Einstellungen.
npx clawhub@latest install screenshotPlattformen
Die Screenshot-Skill leitet deinen KI-Agenten beim Aufnehmen, Untersuchen und Vergleichen von Screenshots in allen gängigen Kontexten an – macOS-Desktops, iOS-Simulatoren, Linux (X11 und Wayland), Webseiten über Playwright sowie Headless-CI-Durchläufe. Er kodifiziert die Werkzeugauswahl, Stabilisierungsstrategien, Viewport-Konsistenz, Rauschunterdrückung und Best Practices für Ausgabeformate, damit jeder Screenshot tatsächlich nützlich ist – nicht nur technisch erzeugt. Dieser Skill konzentriert sich auf das zuverlässige Aufnehmen des richtigen Screenshots, nicht auf das nachträgliche Bearbeiten oder Kommentieren von Bildern.
npx clawhub@latest install screenshotKlicke oben auf der Seite auf Installieren für die Ein-Klick-Einrichtung
image-edit oder image.video.playwright.Empfiehlt das beste Aufnahme-Tool je nach Kontext: screencapture für macOS, xcrun simctl für den iOS-Simulator, grim+slurp für Linux Wayland, scrot für X11/headloses CI, Playwright für Webseiten sowie nircmd/Pillow für Windows. Standardmäßig wird der nativste Pfad bevorzugt, bevor auf schwergewichtigere Tools zurückgegriffen wird.
Weist den Agenten an, auf Netzwerk-Idle, bestimmte Elemente oder einen expliziten UI-Zustand zu warten, bevor er einen Screenshot aufnimmt – niemals blind zu schlafen. Bei Browser-Aufnahmen nutzt er die Playwright-Stabilitätsfunktionen: festes Viewport, deaktivierte Animationen, ausgeblendeter Cursor und maskierte sensible Bereiche.
Erzwingt eine einheitliche Viewport-Größe, Zoomstufe, Geräteskalierung und Theme (Hell/Dunkel) bei Baseline- und Vergleichsaufnahmen. Verhindert bedeutungslose Diffs, die durch umgebungsbedingte Abweichungen zwischen den Durchläufen entstehen.
Leitet den Agenten an, instabile UI-Elemente – Cursor, Einfügemarken, Toasts, Zeitstempel, Benachrichtigungen und zufällig generierte Inhalte – sowie Geheimnisse, Tokens und persönliche Daten auszublenden oder zu maskieren, bevor der Auslöser betätigt wird.
Standardmäßig wird PNG für UI-, Code- und textlastige Aufnahmen verwendet. JPEG wird für Screenshots ausdrücklich nicht empfohlen (da Text und Kanten unscharf werden), und WebP gilt als akzeptabel für die Weitergabe, wenn der Empfänger es unterstützt.
Schreibt vor, bei einem Fehler sofort einen Screenshot zu speichern, bevor ein erneuter Versuch gestartet wird. Dabei werden stabile Dateinamen für Baselines und Zeitstempel für Ad-hoc-Aufnahmen verwendet, und in Headless-Umgebungen werden browsereigene Screenshots gegenüber Host-Display-Aufnahmen bevorzugt.
Beim Reproduzieren eines Fehlers wählt der Skill das passende Werkzeug (z. B. Playwright für eine Web-App), wartet darauf, dass der fehlerhafte UI-Zustand vollständig gerendert ist, maskiert etwaige sensible Daten in Seitenleisten oder URLs und speichert einen Screenshot als PNG mit einem stabilen Dateinamen – so entsteht ein Nachweis, der für den Melder und den Prüfer sofort verwertbar ist.
In einer CI-Pipeline fixiert der Skill den Viewport, deaktiviert Animationen und erstellt Screenshot-Aufnahmen von Elementen oder zugeschnittenen Bereichen als Baselines. Bei nachfolgenden Durchläufen werden dieselben Einstellungen angewendet, sodass Unterschiede echte UI-Änderungen widerspiegeln und kein Umgebungsrauschen.
Verwendet xcrun simctl io booted screenshot, um einen Simulator-Frame zuverlässig aufzunehmen und dabei Artefakte zu vermeiden, die entstehen, wenn Desktop-Screenshot-Tools das Simulator-Fenster anstelle seines eigentlichen Ausgabepuffers erfassen.
Erfasst einen Screenshot des „Vorher"-Zustands mit festem Viewport, wendet eine UI-Änderung an und erstellt anschließend einen identischen „Nachher"-Screenshot mit demselben Zoom, Design und Zustand – das Ergebnis ist ein sauberer Vergleich, der sich für Pull-Request-Reviews oder benutzerseitige Dokumentation eignet.
npx clawhub@latest install screenshotPlattformen
Anmelden, um eine Bewertung zu schreiben
Noch keine Bewertungen. Sei der Erste, der seine Erfahrungen teilt!