Communitygithub.com

cubeplexai/auto-demo-video

Pipeline scénario → script → capture cinématique Playwright → mise en avant pour des vidéos de démonstration automatiques.

Qu'est-ce que auto-demo-video ?

Ce skill implémente un pipeline générique de bout en bout pour la création automatisée de vidéos de démonstration de produits live. Il part d'un scénario défini dans un fichier YAML, le transforme en script JSON, exécute une capture cinématique via Playwright, puis applique un montage et un rendu final. Son design est volontairement agnostique du produit : toute logique spécifique (prompts, sélecteurs, environnements) est externalisée via un adaptateur et des options de configuration. Le pipeline est conçu pour fonctionner sur tout projet web, avec des commandes séparées pour le plan, l'enregistrement, le montage et le rendu. Il est recommandé pour les équipes marketing, produit ou documentation souhaitant produire des vidéos de démonstration reproductibles, maintenables et versionnées.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add cubeplexai/auto-demo-video

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 auto-demo-video ?

Pipeline générique pour les démonstrations en direct.

Règle stricte

N'ajoutez pas de logique spécifique au produit dans le dépôt auto-demo-video (noms d'espace de travail, prompts de marque, sélecteurs de locataire, testids d'application).
Gardez-les dans le dépôt de l'application consommatrice / marketing et passez-les via :

  • scenario.yaml (étapes, légendes, prompts)
  • adapter: ./chemin/vers/adapter.mjs + adapterOptions
  • variables d'environnement / storage-state.json

Commandes

adv plan   --scenario <yaml> [--code-root <dir>]
adv record --script <script.json>
adv edit   --meta <meta.json> [--target-sec 90]
adv render --plan <edit-plan.json>
adv all    --scenario <yaml> --out runs/job

Adaptateurs

Intégré : generic-web uniquement.

Externe :

adapter: ./demos/adapter.mjs
adapterOptions:
  # libre pour votre adaptateur

Forme : export default { loginPath?, isAuthed?, afterLogin?, custom?, composerPlaceholders? }.

Flux de travail

  1. Rédigez le scénario + éventuellement un adaptateur externe dans le dépôt produit.
  2. adv plan → examinez script.json.
  3. Définissez BASE_URL + identifiants (ou état de stockage).
  4. adv record → inspectez les métadonnées/captures d'écran.
  5. adv edit → adv render → final.mp4.
  6. Emballage Remotion optionnel dans un autre projet.

Documentation

  • docs/pipeline.md
  • docs/shotcraft-notes.md
  • schemas/*.json

Skills associés