CommunityCodierung & Entwicklunggithub.com

VirtualPirate/create-product-demo-video-skill

Claude Code Skill: Zeichnet ein Produkt-Demo-Video eines echten Benutzerflusses in Ihrer eigenen Web-App auf – transkribiert von der echten Benutzeroberfläche, aufgezeichnet als MP4/GIF mit Playwright + ffmpeg.

Was ist create-product-demo-video-skill?

Dieses Skill für Claude Code ermöglicht es Ihnen, automatisch ein Produkt-Demo-Video eines echten Benutzerflusses in Ihrer eigenen Web-App aufzuzeichnen. Es nutzt Playwright, um den tatsächlichen UI-Durchlauf zu transkribieren, und ffmpeg, um die Aufnahme als MP4 oder GIF zu speichern. Der Skill ist ideal für Entwickler, die schnell und ohne manuellen Aufwand hochwertige Produkt-Demos erstellen möchten, die direkt aus der echten Anwendung stammen. Es unterstützt die gängigsten Web-Apps und lässt sich nahtlos in CI/CD-Pipelines integrieren. Das Skill wird über den vorgegebenen GitHub-Quellcode installiert und konfiguriert. Die Funktionsweise basiert auf der Definition eines Start- und Endpunkts sowie zu befolgender Schritte, die dann automatisiert ausgeführt und aufgezeichnet werden.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add VirtualPirate/create-product-demo-video-skill

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht create-product-demo-video-skill?

Claude Code Skill: Zeichnet ein Produkt-Demo-Video eines echten Benutzerflusses in Ihrer eigenen Web-App auf – transkribiert von der echten Benutzeroberfläche, aufgezeichnet als MP4/GIF mit Playwright + ffmpeg.

Quelle: https://github.com/VirtualPirate/create-product-demo-video-skill

Gekennzeichnet für die Aufgabe "Awesome Skills Launch Video"-Erkennung (20.09.2026, abends).

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills