Testreel: Programmatische Demo-Video-Erstellung mit Claude Code

Was Testreel macht

Testreel ist ein npm-Paket, mit dem Sie Benutzerinteraktionen (Klicken, Tippen, Scrollen, Zoomen usw.) in JSON-, YAML- oder Playwright-Format beschreiben können, um dann professionelle Demo-Videos mit visuellen Effekten zu generieren.

Hauptfunktionen aus der Quelle

• Erzeugen von Webm-, MP4- oder GIF-Videos aus Interaktionsbeschreibungen
• Hinzufügen von Cursor-Overlays, Klick-Effekten und Farbverlaufs-Hintergründen
• Verwendung von JSON, YAML oder Playwright zur Definition von Interaktionen
• Integration mit Playwright zur Erstellung von Videos mit Mocks und Beispieldaten
• MIT-Lizenz
• Basierend auf Playwright + FFMPEG

Hauptanwendungsfälle

Die Quelle identifiziert zwei Hauptnutzen:

• Kein manuelles Neuaufnehmen von Demos aufgrund von Tippfehlern oder Fehlklicks – einfach die Konfiguration aktualisieren und neu generieren
• Ermöglicht KI-Agenten (wie Claude Code), Demo-Videos für Web-Apps mit Cursor-Overlays und anpassbaren Desktop-Hintergründen zu erstellen

Praktische Umsetzung

Laut der Quelle können Benutzer Claude Code bitten, Testreel zu verwenden, um Demo-Videos spezifischer UI-Abläufe zu generieren, indem sie beschreiben, was sie möchten (z.B. „realistische Daten verwenden“, „dieses Bild verwenden“). Der Autor fand die Umsetzung relativ unkompliziert.

Das Tool wird als programmatische Version von ScreenStudio oder Cap positioniert und ermöglicht automatisierte Demo-Erstellung ähnlich wie Playwright End-to-End-Tests handhabt.

Repository-Informationen

Das Paket ist verfügbar unter: https://github.com/greentfrapp/testreel

Der Autor merkt an, dass er es mit Claude Code erstellt hat und es basierend auf seiner eigenen Nutzung weiter aktualisieren wird.