Communitygithub.com

Crystal-102510/demo-video-workflow-skill

Compétence d'agent pour enregistrer, éditer, annoter et vérifier des vidéos de démonstration réelles de produits avec Webreel et HyperFrames.

Qu'est-ce que demo-video-workflow-skill ?

Ce skill permet à un agent IA (comme Claude Code, Cursor ou Codex) de gérer un workflow complet de création de vidéos de démo produit. Il coordonne l'enregistrement d'écran via Webreel, l'édition et l'annotation avec HyperFrames, ainsi que la vérification de la qualité finale. L'agent peut exécuter des commandes pour lancer des sessions d'enregistrement, ajouter des annotations contextuelles, et valider que la vidéo respecte les spécifications du produit. Utile pour les équipes produit et marketing, il automatise les tâches répétitives et garantit une cohérence entre la démo et le comportement réel de l'application.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait demo-video-workflow-skill ?

Compétence d'agent pour enregistrer, éditer, annoter et vérifier des vidéos de démonstration réelles de produits avec Webreel et HyperFrames.

Aperçu

Ce skill permet à un agent IA de gérer de bout en bout la création de vidéos de démonstration produit. Il utilise Webreel pour l'enregistrement d'écran et HyperFrames pour l'édition et l'annotation.

Fonctionnalités

  • Enregistrement : Lance des sessions Webreel pour capturer des flux d'écran
  • Annotation : Ajoute des callouts, des légendes et des mises en évidence via HyperFrames
  • Édition : Coupe, assemble et synchronise les clips
  • Vérification : Valide que la vidéo finale correspond aux spécifications du produit

Utilisation

# Exemple de commande pour lancer un enregistrement
demo-video record --tool webreel --output demo.mp4
# Édition avec HyperFrames
demo-video edit --input demo.mp4 --annotate highlights

Configuration requise

  • Node.js 18+
  • Webreel CLI installé globalement
  • HyperFrames SDK accessible dans le PATH

Variables d'environnement

VariableDescription
WEBREEL_API_KEYClé API pour Webreel
HYPERFRAMES_TOKENJeton d'authentification HyperFrames

Exemple de workflow

  1. L'agent reçoit une demande de démo produit
  2. Il lance un enregistrement Webreel en arrière-plan
  3. L'agent exécute les interactions utilisateur dans l'application
  4. Il arrête l'enregistrement et importe la vidéo dans HyperFrames
  5. HyperFrames applique les annotations automatiques (surbrillance des clics, textes explicatifs)
  6. L'agent vérifie la vidéo finale et la soumet pour validation

Dépannage

  • Assurez-vous que le logiciel d'enregistrement est bien lancé avant de démarrer le skill
  • Vérifiez que les chemins des outils sont corrects dans votre environnement
  • Consultez les logs de l'agent pour le débogage

Licence

Voir le fichier LICENSE dans le dépôt.

Skills associés