Communitygithub.com

ashrafchowdury/programatic-demo

Produkt-Demo-Videos, generiert aus Code. Playwright zeichnet einen echten Ablauf auf; Remotion fügt eine Screen-Studio-Kamera hinzu – Zoom bei Klick, Easing, Bewegungsunschärfe und einen Vektor-Cursor.

Was ist programatic-demo?

Dieses Skill ermöglicht die automatisierte Erstellung von Produkt-Demo-Videos direkt aus Code. Es nutzt Playwright, um echte Benutzerabläufe aufzuzeichnen, und Remotion, um diese Aufnahmen mit einer professionellen Screen-Studio-ähnlichen Kamera zu veredeln – inklusive Zoom bei Klick, sanften Easing-Kurven, Bewegungsunschärfe und einem Vektor-Cursor. Entwickler können so ohne manuelle Videobearbeitung hochwertige Demos generieren, die sich ideal für Produktschulungen, Marketingmaterialien oder interne Dokumentationen eignen. Das Skill unterstützt die gängigen Frameworks und kann nahtlos in CI/CD-Pipelines integriert werden, um Videoerstellung als Teil des Entwicklungsprozesses zu automatisieren. Es ist besonders nützlich für Teams, die konsistente, skalierbare und wiederholbare Demos bereitstellen möchten, ohne auf teure Tools oder manuelle Arbeit angewiesen zu sein.

Funktioniert mit~Claude Code~Codex CLI✓Cursor
npx skills add ashrafchowdury/programatic-demo

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht programatic-demo?

Produkt-Demo-Videos, generiert aus Code. Playwright zeichnet einen echten Ablauf auf; Remotion fügt eine Screen-Studio-Kamera hinzu – Zoom bei Klick, Easing, Bewegungsunschärfe und einen Vektor-Cursor.

Verwandte Skills