Ultimate Motion Design

/plugin marketplace add 1AngelMicka/ultimate-motion-design
/plugin install umd@ultimate-motion-design
/umd:go une vidéo de lancement de 30 s pour notre app

Un plugin pour Claude Code qui fait produire à Claude du motion design de très haute qualité, puis le vérifie image par image avant de le livrer. Il couvre :

• les vidéos promo et les lancements produit ;
• les vidéos de présentation et les explainers ;
• les shorts verticaux pour les réseaux ;
• les animations de logo ;
• les courts métrages animés ;
• les pages web animées et les plans 3D.

Ses points forts :

• Toutes les technos, une seule méthode.
  • Moteurs : HTML/CSS, GSAP, Motion, Remotion, HyperFrames, Revideo, three.js et WebGPU, shaders, Lottie, Rive, SVG, canvas, Manim, Blender, Mermaid, Code Hike, VHS.
  • Son et texte : voix off, musique, effets sonores et sous-titres.
  • Claude choisit la bonne route pour chaque projet.
• Rendu déterministe intégré. umd capture transforme n'importe quelle page HTML animée en vidéo, image par image, sans licence Remotion. Deux rendus donnent des images strictement identiques.
• Un vrai contrôle qualité.
  • 12 domaines et 64 vérifications, de la narration aux licences.
  • Chaque vérification réussie a une preuve : une image à t = 2,40 s, une mesure en LUFS ou une ligne de code.
  • Note sur 10. Un point bloquant ouvert plafonne la note et bloque la livraison.
  • Un agent critique note chaque brouillon comme un jury (7 = pro, 8 = agence, 9 = sélection en festival) et fait recommencer jusqu'à la note visée. Un nouveau critique à chaque tour, qui ne voit jamais le raisonnement du constructeur et vérifie point par point les corrections du tour précédent.
  • Le savoir-faire compte dans la note : l'idée et le moment fort, la typographie, la couleur et le design sonore sont jugés contre la note visée du projet (8 par défaut).
  • Le son est mesuré contre l'image : chaque effet tombe sur son événement à ±45 ms (umd sync), et la vraie fin de la musique tombe sur le carton final (umd mix --backtime).
• Mesuré, pas seulement regardé. La taille du héros dans chaque image clé (umd still --hero), des images qui ne dépendent pas de l'ordre de rendu (--seek-check), des boucles sans saut (umd analyze --loop), le flou de mouvement par sous-images (umd capture --subframes) et une horloge unique pour chaque événement et chaque son (timing.json).
• De vrais personnages. Plus de visages dessinés en code qui paraissent raides : umd characters cherche parmi des rigs de film (visage complet), un générateur du bébé au senior, de l'anime, du low-poly, des animaux et créatures, 4 000 avatars, des kits 2D, des banques de mouvements et des outils, tous gratuits et utilisables en publicité, licence et crédit enregistrés. Une couche commune (templates/blender/character.py) anime n'importe quel humanoïde de la même façon : regarder, cligner, respirer, parler (umd lipsync), jouer une action, reprendre un mouvement capturé. En 2D, une marionnette HTML fait la même chose.
• Une vraie partie son. Douze effets fabriqués sur place, sans licence à gérer (umd sfx whoosh, riser, impact…), des effets et des musiques libres cherchés et crédités automatiquement (umd sounds, CC0 et CC BY seulement), et un guide qui dit quel son poser sur quel événement à l'image, selon le type de projet. À écouter sur la page Son et musique.
  • Les coupes se font sur du mouvement, jamais entre deux plans arrêtés, et pas plus d'une seconde d'image quasi figée par tranche de 30 s : deux contrôles mesurés, calibrés sans fausse alerte sur 15 films de référence notés 7 à 8 sur 10 par un jury IA.
• La grammaire des films de lancement pro. Six règles et 16 mécanismes tirés de l'analyse de 28 films de lancement : un acteur qui persiste, chaque action qui produit un résultat, le premier plan qui porte la transition.
• Des points de départ éprouvés, sans dépenser de tokens.
  • 1 323 styles, prompts et blocs prêts à l'emploi, classés par type de projet, ambiance, rendu et format, avec un aperçu du résultat dans la bibliothèque en ligne. Ton agent y choisit seul ce qui colle à ton brief (umd styles match), ou te propose trois options.
  • 120 techniques nommées, du match cut au split-flap, pour parler le même langage que le critique (umd moves).
  • Des images libres de droits sur Wikimedia Commons, inscrites automatiquement avec leur auteur et leur licence (umd commons).
• Un vrai skill de motion design, utilisable partout. skills/motion-design condense le métier : la boucle en dix étapes et trois validations, douze règles qui séparent le savoir-faire du « slop », les chiffres qui comptent, la typo, la couleur, le son, la caméra, comment juger un travail. Dans Claude Code, il se déclenche tout seul dès qu'on anime ; il s'installe aussi dans Codex, Cursor ou tout agent qui lit les skills, avec ses 55 guides.
• Économe et transparent sur les tokens.
  • Environ 270 tokens chargés en permanence.
  • Les vérifications mesurables sont faites par le code, sans agent.
  • Une planche contact remplace des dizaines d'images.
  • /umd:tokens montre ce que chaque commande a consommé. Voir Économie de tokens.
• Licences sous contrôle.
  • Un garde-fou refuse d'installer un modèle non commercial dans un projet commercial, un modèle Tencent en Europe, ou du code AGPL dans une page web.
  • Chaque asset est inventorié avec sa licence.
  • Seules des ressources gratuites et réutilisables sont recommandées : rien de payant, rien qu'on n'a pas le droit de redistribuer.
• Facile à installer. Deux commandes, puis /umd:doctor installe ce qui manque.
• Gratuit, open source, sans télémétrie, en français et en anglais.

#Le principe

Une seule commande à retenir : /umd:go. Elle regarde où en est ton projet et lance l'étape suivante, puis enchaîne toute seule jusqu'à la prochaine décision qui t'appartient : valider le look, accepter une exception de licence, livrer.

/umd:go une vidéo de lancement de 30 s pour notre app, format 16:9

Sous le capot, elle suit ces étapes, que tu peux aussi lancer une par une :

/umd:kickoff → /umd:storyboard → /umd:build → /umd:render → /umd:audit → /umd:fix → /umd:deliver