Communitygithub.com

Crystal-102510/demo-video-workflow-skill

Agent-Fähigkeit zum Aufnehmen, Bearbeiten, Kommentieren und Verifizieren von echten Produktdemo-Videos mit Webreel und HyperFrames.

Was ist demo-video-workflow-skill?

Diese Fähigkeit (Skill) ermöglicht es KI-Agenten, einen vollständigen Workflow für die Erstellung von Produktdemo-Videos zu steuern. Sie integriert die Tools Webreel und HyperFrames, um Videos von echten Produktschnittstellen aufzunehmen, diese zu bearbeiten, mit Anmerkungen zu versehen und schließlich die korrekte Funktionsweise zu verifizieren. Entwickler und Benutzer können so schnell und effizient professionelle Demos erstellen, ohne manuell zwischen verschiedenen Aufnahme- und Bearbeitungsprogrammen wechseln zu müssen. Der Workflow umfasst typischerweise Schritte wie die Planung der Demo-Szenarien, die Bildschirmaufnahme mit Webreel, die Nachbearbeitung (wie Zuschneiden und Einfügen von Texthinweisen) in HyperFrames und einen automatisierten Test, um sicherzustellen, dass das fertige Video den Anforderungen entspricht. Die Fähigkeit ist plattformunabhängig und kann in verschiedenen agentenbasierten Umgebungen wie Claude Code, Cursor oder Codex genutzt werden.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add Crystal-102510/demo-video-workflow-skill

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht demo-video-workflow-skill?

Agent-Fähigkeit zum Aufnehmen, Bearbeiten, Kommentieren und Verifizieren von echten Produktdemo-Videos mit Webreel und HyperFrames.

Übersicht

Diese Fähigkeit ermöglicht es einem KI-Agenten, einen vollständigen Workflow für die Erstellung von Produktdemo-Videos zu automatisieren. Sie integriert die folgenden Tools:

  • Webreel: Zum Aufnehmen von Bildschirmvideos realer Produktoberflächen
  • HyperFrames: Zum Bearbeiten, Hinzufügen von Anmerkungen und Verifizieren der Videos

Funktionsweise

  1. Planung: Der Agent plant die Demo-Szenarien basierend auf Benutzervorgaben.
  2. Aufnahme: Mit Webreel wird der Bildschirm aufgezeichnet, während der Agent die Benutzeroberfläche des Produkts durchgeht.
  3. Bearbeitung & Anmerkungen: In HyperFrames werden die aufgenommenen Videos zugeschnitten, mit Texthinweisen versehen und z. B. Übergänge hinzugefügt.
  4. Verifizierung: Ein automatisierter Test prüft, ob das finale Video den Anforderungen entspricht (z. B. Vollständigkeit, korrekte Abläufe).

Voraussetzungen

  • Installierte und konfigurierte Tools: webreel und hyperframes
  • Zugriff auf die Zielproduktoberfläche (lokal oder in einer Demo-Umgebung)

Verwendung in Agenten-Plattformen

Diese Fähigkeit kann in verschiedenen agentenbasierten Umgebungen wie Claude Code, Cursor oder Codex verwendet werden. Der Agent ruft die entsprechenden Befehle oder APIs der Tools auf, um den Workflow auszuführen.

Beispiel-Workflow (CLI-Befehle)

# Bsp.: Demo starten und aufnehmen
webreel start --output demo_raw.mp4

# Video bearbeiten und Anmerkungen hinzufügen
hyperframes edit --input demo_raw.mp4 --output demo_final.mp4 --annotations "Schritt 1: Anmeldung"

# Verifizierung durchführen
hyperframes verify --input demo_final.mp4 --requirements "Alle Schritte enthalten"

Lizenz

Siehe Lizenzinformationen im Repository.

Verwandte Skills