✦ Choix du studio
Halden Solace · 16:9
Rendu par ce Skill
Promo Bang Motion v1.19.0
Des promos, ouvertures et vidéos explicatives qui bougent comme une vidéo, pas comme des diapos : un style tiré de votre marque, une caméra qui bouge, des photos et des mots qui surgissent sur le temps, dans un seul fichier HTML.
Pas encore de note 0 téléchargements
- Format
- Vidéo · 16:9
- Durée
- 0:30
Gratuit Gratuit avec un compte
Collez ceci dans votre agent. Il connecte la CLI si besoin, puis installe le Skill.
Un Skill open source qui fait de votre agent un motion designer. Il tire un style de votre marque, propose trois concepts et en recommande un, puis construit un seul index.html où la caméra bouge, le sujet ne quitte jamais l'image et les aplats de couleur changent sur un déclencheur visible. Dix styles, dix-neuf concepts d'ouverture et six styles d'explicatif, avec un export MP4 image par image.
Mis à jour le 2 nov. 2026
Ce que vous obtenez
- Un index.html qui se lit comme une vidéo : lecture auto, boucle et barre de défilement avec ?debug=1
- Un brief de style avec trois concepts, une recommandation et une palette sourcée
- Un contrôle des images clés avec les règles anti-diapo du Skill
- Un export MP4 image par image à 60 i/s, en option
Idéal pour
- Lancements de produits et promos de boutique
- Ouvertures d'apps, visites SaaS et habillages de marque
- Explicatifs avec photos, détourages ou dessins
Pas pour
- Le montage d'images déjà tournées
- Les vidéos face caméra
À propos de ce Skill
Vous dites
/bang-motion Fais une promo de 30 secondes pour notre chaussure de running en style flat pop with photos, 16:9. Utilise nos photos produit et génère une coureuse fictive qui les porte. Termine sur le logo et « Shop the drop ».
Demandez à votre agent une promo, une ouverture, une visite produit ou une vidéo explicative. Bang Motion le fait travailler comme un vrai motion designer : le style vient de votre marque, la structure est choisie dans un menu de concepts et le résultat bouge comme un film. Personnes et produits surgissent du bord du cadre, des étiquettes s'y collent, un mot géant se place derrière eux, les aplats de couleur ne changent que sur un déclencheur, et la caméra pousse vers la scène suivante au lieu d'un fondu.
Comment ça marche
- Brief : indiquez à votre agent le produit, le public, la durée et le format, et donnez-lui votre logo, votre site, des captures ou des photos.
- Brief de style : il répond avec trois concepts, une recommandation, une trame de structure et une palette où chaque couleur indique sa source. Vous validez ou modifiez avant la moindre ligne de code.
- Éléments : vos photos et votre logo d'abord ; à défaut, il peut générer des personnes et des produits fictifs avec un outil d'image, ou choisir un concept sans photo.
- Construction : il écrit un seul index.html en HTML, CSS et GSAP, contrôle les images clés avec ses propres règles (pas de diapos en fondu, un sujet qui reste, deux niveaux de texte au plus, lisible sur mobile) et corrige ce qui échoue.
- Livraison : double-cliquez sur le fichier pour le lire, parcourez-le avec ?debug=1 ou exportez un MP4 sans image perdue avec le script fourni (Node.js, Puppeteer et FFmpeg).
Conseils
- Nommez un style, pas une liste de scènes : « flat pop with photos », « grainy gradient », « poster color-block » ou « product tour with claims ».
- Fournissez de vrais éléments de marque ; la palette et les formes en découlent.
- Des textes courts : une ouverture porte une émotion, une explicative un argument.
- Commencez chaque nouvelle vidéo dans une nouvelle conversation pour ne pas reprendre d'anciennes décisions.
Open source
Bang Motion est réalisé par Bang Tutorial (bangtutorial/bang-motion) et partagé sous licence MIT. Le téléchargement est le Skill tel que publié sur GitHub. Ses instructions sont en indonésien et son README en anglais ; votre agent lit les deux et travaille dans votre langue.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Votre produit, votre logo et vos éléments de marque, la durée et le format, et vos photos si vous en avez ; sinon, des personnes et produits fictifs peuvent être générés.
- Dépendances
- Google Chrome (ou CHROME_PATH) — requis · Clé de modèle d’image — facultative
- Coûts externes
- Aucun pour construire et regarder le film. Générer des photos avec un modèle d'image est facultatif et facturé par ce fournisseur.
- Dernier test
- v1.19.0 —
Avis des utilisateurs
Pas encore d'avis. Installez le Skill et soyez le premier à le noter.
FAQ
Pourquoi ça ne ressemble pas à des diapos ?
Le Skill traque les habitudes de diaporama dans son propre code : pas de section qui entre et sort en fondu, un sujet ou un monde qui reste, deux niveaux de texte au plus, un fond toujours en mouvement et des changements de couleur sur un déclencheur visible.
Quels styles peut-il faire ?
Dix looks, du sombre cinématographique et de l'aplat façon affiche au flat pop with photos et au dégradé granuleux, combinés à dix-neuf concepts d'ouverture et six styles d'explicatif. Nommez-en un ou laissez-le recommander.
Est-ce que j'obtiens un MP4 ?
Vous obtenez un fichier HTML lisible dans n'importe quel navigateur. Le script d'export fourni le rend image par image en MP4 sans perte ; il faut Node.js, Puppeteer et FFmpeg.
Pourquoi est-ce gratuit ?
Bang Motion est un Skill open source de Bang Tutorial. Nous le proposons tel quel, avec un exemple réalisé en le faisant tourner sur notre basket maison, la Halden Solace.
