Communitygithub.com

ashrafchowdury/programatic-demo

Vidéos de démonstration produit, générées à partir de code. Playwright enregistre un flux réel ; Remotion ajoute une caméra de type Screen Studio — zoom au clic, easing, flou de mouvement et curseur vectoriel.

Qu'est-ce que programatic-demo ?

Cette compétence permet aux développeurs de générer automatiquement des vidéos de démonstration produit de haute qualité à partir de code. En utilisant Playwright pour enregistrer un flux utilisateur réel dans un navigateur, puis Remotion pour appliquer des effets de caméra dynamiques (zoom au clic, easing, flou de mouvement) et un curseur vectoriel, le résultat imite le style de Screen Studio. Idéal pour créer des démos marketing ou des tutoriels sans montage manuel, elle fonctionne sur tout environnement supportant Node.js, Playwright et Remotion. L'approche programmatique garantit la reproductibilité et la mise à jour facile des vidéos en modifiant simplement le code source.

Compatible avec~Claude Code~Codex CLI✓Cursor
npx skills add ashrafchowdury/programatic-demo

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 programatic-demo ?

Vidéos de démonstration produit, générées à partir de code. Playwright enregistre un flux réel ; Remotion ajoute une caméra de type Screen Studio — zoom au clic, easing, flou de mouvement et curseur vectoriel.

Skills associés