Communitygithub.com

Stirling-Tools/Stirling-PDF

Analysiere einen Branch oder PR und erstelle automatisch Vorher/Nachher-Screenshots aller betroffenen UI-Oberflächen, führe Pixel-Diffs durch und montiere PR-bereite Vergleichsbilder.

Was ist Stirling-PDF?

Der Skill 'Stirling-Tools/Stirling-PDF' automatisiert UI-Tests für Pull Requests in Entwicklungsprojekten mit UI-Oberflächen. Er analysiert die Code-Änderungen eines Branches oder PRs, leitet daraus die betroffenen UI-Pfade ab (z.B. geänderte Tools oder Routen) und erstellt für jede betroffene Seite einen Screenshot vom Basis-Branch ('vorher') und vom Feature-Branch ('nachher'). Anschließend führt er einen Pixel-Vergleich durch, um visuelle Unterschiede zu erkennen, und behält nur jene Ansichten, die sich tatsächlich unterscheiden. Das Ergebnis ist eine PR-ready Montage aus Vorher/Nachher-Bildern, die Entwicklern eine schnelle visuelle Inspektion der Änderungen ermöglicht. Der Skill ist generisch und diff-getrieben, d.h. er muss nicht manuell konfiguriert werden, sondern extrahiert die Ziel-URLs automatisch aus dem Diff. Unterstützt wird die Integration in CI/CD-Pipelines und Tools wie Claude Code, Cursor oder Codex, wo er als eigenständiger Skill ausgeführt werden kann.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add Stirling-Tools/Stirling-PDF

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht Stirling-PDF?

Analysiere einen Branch oder PR und erstelle automatisch Vorher/Nachher-Screenshots aller UI-Oberflächen, die von den Änderungen betroffen sind. Führe dann Pixel-Diffs der Paare durch, um die tatsächlichen Änderungen sichtbar zu machen, und erstelle PR-bereite Vorher/Nachher-Montagebilder. Der Ansatz ist generisch und diff-getrieben: Die Ziel-URLs werden automatisch aus dem Diff abgeleitet (geänderte Tools/Routen → URLs), anstatt manuelle Screenshot-Listen zu pflegen. Es werden 'Vorher'-Screenshots vom Basis-Branch und 'Nachher'-Screenshots vom Feature-Branch erstellt, und nur die Ansichten, die sich visuell unterscheiden, werden beibehalten. Jeder Vergleich wird automatisch beschnitten (auto-cropped), um irrelevante Bereiche zu entfernen.

Verwandte Skills