Communitygithub.com

Motion Edits

Créez des vidéos de motion design haut de gamme, des vidéos explicatives et des montages courts (Reels/Shorts/TikTok/YouTube) rendus au format MP4 dans n'importe quel rapport d'aspect, grâce à un moteur Remotion basé sur l'analyse image par image de 82 montages professionnels. À utiliser lorsque l'on vous demande de réaliser, concevoir, animer, scénariser ou monter un motion design, une vidéo explicative, un texte cinétique, une pub/promotion, une démo produit ou UI, un montage lyrique/musical, ou une série de telles vidéos pour une chaîne, ou d'ajouter des animations, sous-titres, incrustations et transitions aux images de l'utilisateur.

Qu'est-ce que Motion Edits ?

Motion Edits est une compétence avancée pour agents IA (compatible avec Claude Code, Cursor, Codex et autres environnements) qui permet de générer des vidéos de motion design professionnelles en utilisant un moteur Remotion. Contrairement à une simple génération de script, elle orchestre la création vidéo complète : scénarisation, conception, animation, rendu et révision. Elle s'appuie sur une analyse frame par frame de 82 références professionnelles classées par famille de styles (affiche, UI, produits, etc.). L'agent produit un fichier de spécification JSON (VideoSpec) qui définit chaque scène, transition, typographie et effet. Deux modes sont possibles : motion design autonome (sans rushes) ou montage de séquences utilisateur avec incrustations, sous-titres et étalonnage. Une fois la spécification validée, le moteur Remotion génère une vidéo MP4 prête à être livrée.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/highontrading/motion-edits-skill/tree/HEAD

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 Motion Edits ?

Cette compétence produit des vidéos premium finies. Elle fonctionne à partir de quatre éléments :

  • règles et valeurs numériques mesurées image par image sur 82 montages de référence (references/)
  • 12 familles de styles parmi lesquelles choisir et combiner (references/styles/)
  • un moteur Remotion (remotion/) qui rend une spécification JSON VideoSpec : une scène par proposition, calages mesurés, coupes dynamiques, typo synchronisée sur les mots, textures procédurales et finition cinéma
  • des outils pour la voix-off, les beats, l'analyse de rushes, les cut-outs, les mattes, le rendu et le contrôle qualité (tools/)

Deux modes, qui peuvent être combinés dans une même vidéo :

  • Motion design autonome : aucun rushes nécessaire. Texte, cut-outs, maquettes UI, graphiques, compteurs, particules et textures suffisent.
  • Montage de rushes : les clips de l'utilisateur forment la colonne vertébrale. Resserrer, incruster, sous-titrer, ajouter des mots-clés percutants et des cartes B-roll, placer du texte derrière le sujet, étalonner, ajouter des transitions.

Tout rapport d'aspect : définissez width/height dans la spécification (9:16 1080×1920 par défaut ; 16:9, 1:1, 4:5 et autres fonctionnent).

Lire d'abord

  1. references/playbook.md : les règles. Lisez-le à chaque fois.
  2. references/engine-spec.md : tous les champs de spécification, calques, transitions et commandes de rendu. Lisez-le avant d'écrire une spécification.
  3. references/styles/README.md : choisissez une famille de styles, puis lisez le fichier de cette famille (son exemple de spécification est un bon point de départ).

Plongées approfondies, lorsqu'une décision le nécessite :

  • script-structure.md : modèles de genres, accroches, règles clause → scène → accessoire, exemples travaillés
  • motion-language.md : easing, fréquences d'images, cadence, valeurs de synchronisation
  • transitions.md : 63 transitions avec comptes d'images et comment construire chacune
  • typography-color.md : classes de typographie, associations, tailles, zones de sécurité, palettes, dosages de finition
  • sound-design.md : fond sonore, ducking, placement des effets sonores, synchronisation sur le beat, montages uniquement musicaux
  • footage-editing.md : modes d'intégration, incrustations, montage, sous-titres, deux spécifications de rushes travaillées
  • engine-gaps.md : ce que le moteur ne peut pas encore faire, et solutions de contournement
  • breakdowns/vNN.md + breakdowns/_TAXONOMY.md : preuves plan par plan. Recherchez par tag pour un précédent (grep -l "text-behind-subject" references/breakdowns/*.md).

Un exemple complet et travaillé (script → voix-off ébauche → spécification) se trouve dans remotion/src/specs/examples/zeigarnik.json (script : work/zeigarnik.script.txt).

Workflow

0. Configuration (une fois par environnement)

cd remotion && npm install
pip install faster-whisper librosa opencv-python-headless "rembg[cpu]" piper-tts pillow numpy

ffmpeg est requis. Si librosa plante avec un segfault, définissez NUMBA_CACHE_DIR=/tmp/numba_cache.

1. Brief

Obtenez ces informations, ou choisissez des valeurs par défaut sensées sans bloquer :

  • sujet ou message
  • plateforme et rapport d'aspect
  • durée (courts : 20–45 s)
  • voix : le fichier VO de l'utilisateur, un script à lire, ou rien
  • rushes ou photos
  • marque (palette, polices, logo)
  • ton
  • nombre de versions

Si l'utilisateur ne donne qu'un sujet, rédigez le script vous-même.

2. Script → feuille de clauses

Utilisez script-structure.md. Accroche dans la première phrase (8–15 mots, choc dans les 3 premiers mots) → mise en place → tournant → principe nommé à 16–40% → preuve → morale antithèse → CTA (derniers 10–14%, ≥2.5 s). Divisez-le en clauses : une clause = une scène ≈ 6 mots ≈ 2–2.8 s. Pour chaque clause, notez :

  • l'accessoire ou l'image littérale pour le nom
  • le mot-clé : 1–3 mots qui deviennent du texte
  • un dispositif : badge, compteur, UI, graphique, doodle, swap, particules
  • la coupe vers l'élément

3. Voix et timing

  • VO utilisateur : python3 tools/transcribe.py vo.mp3 remotion/public/<proj>/vo.words.json
  • Pas encore de VO : python3 tools/tts.py script.txt remotion/public/<proj>/vo.wav --speed 1.15 --words remotion/public/<proj>/vo.words.json donne une voix ébauche hors ligne. Dites à l'utilisateur qu'il s'agit d'un placeholder ; sa propre VO pourra le remplacer plus tard, car les références de mots se re-calibreront automatiquement lors de la re-transcription.
  • Musique principalement ou pas de VO : python3 tools/beats.py music.mp3 remotion/public/<proj>/beats.json, puis définissez "beats" et utilisez des références {beat|downbeat|onset: n} et snap.
  • Débuts de scène : {"word": "...", "offset": -0.06} sur le premier mot de chaque clause. Les références de mots de scène se résolvent dans l'ordre, mais utilisez une référence multi-mots ("pourquoi écrire") lorsque le mot apparaît aussi juste avant. Les mots-clés utilisent sync ou at: {word}.

4. Aspect visuel

Choisissez une famille de styles (README des styles). Ensuite, verrouillez :

  • palette : couleurs de champ qui tournent par scène, plus 1–2 accents avec des significations fixes
  • association de polices : une police de titrage lourde plus une police murmurante
  • animFps : 15 pour collage/éditorial, 12 pour aspect brut/imprimé, 0 pour UI/3D/cinéma
  • finition : grain + vignette, plus tramage pour les looks imprimés
  • une transition signature, répétée, plus 1–3 types de soutien

5. Ressources

  • Rushes :
    • python3 tools/analyze_footage.py clips/*.mp4 --out work/footage.json --sheets work/sheets, puis regardez les planches
    • tools/tighten.py supprime les plages de silence
    • tools/matte.py crée un matte de sujet pour le texte-derrière-le-sujet
  • Photos : python3 tools/cutout.py photos/* --out remotion/public/<proj>/cutouts --trim, puis utilisez-les comme image avec cutout: true. Placez le texte à un z inférieur à celui du cut-out pour le glisser derrière.
  • Pas de ressources : texte, fonds procéduraux, maquettes UI, graphiques, compteurs, formes, particules et embed. Écrivez un composant personnalisé dans remotion/src/custom/ uniquement lorsqu'un objet littéral est indispensable.
  • N'utilisez que des logos, images, musiques et effets sonores fournis par l'utilisateur ou pour lesquels il possède les droits. Apprenez les techniques ; ne copiez jamais l'image de marque, les personnages, les cartes de fin ou les scripts d'un créateur.

6. Écrire la spécification

Écrivez work/<proj>.spec.json comme {"spec": {...}}, en partant de l'exemple de la famille choisie. Les ressources vont dans remotion/public/<proj>/. Appliquez la checklist du playbook pendant l'écriture.

7. Aperçu, rendu, révision, correction

  1. Arrêts sur image d'abord :
    cd remotion && npx remotion still src/index.ts MotionVideo /tmp/f.jpg --frame=N --props=../work/<proj>.spec.json --scale=0.4
    
    Faites-en un par scène (image milieu de scène), disposez-les en mosaïque, regardez, et corrigez les débordements, contrastes, surcharges et vides.
  2. Rendu :
    python3 tools/render.py work/<proj>.spec.json out/<proj>.mp4
    
    Ajoutez --draft pour un aperçu demi-résolution. Il applique le grain et le tramage dans ffmpeg, ce qui est beaucoup plus rapide.
  3. Révision :
    python3 tools/review_render.py out/<proj>.mp4 out/review/
    
    Lisez les planches contact et les bandes de coupure. Vérifiez que les coupes tombent sur les débuts de clause, que rien n'est illisible pendant moins de 0.5 s, qu'aucune plage morte ne dure plus de 1.5 s, et que rien n'est cassé (calques vides, trous noirs, révélations de bord).
  4. Corrigez et re-rendez. Livrez le MP4 avec une courte liste de plans et tout ce que l'utilisateur doit remplacer (VO ébauche, ressources placeholder, musique).

8. Versions et séries

  • Variations : gardez le script et variez la famille de styles, palette, association de polices, transition signature, textures et dispositif d'accroche. Rendez chaque variante.
  • Série pour chaîne : verrouillez un kit (palette, association de polices, finition, badge superposé, carte CTA, 2–3 transitions signature). Sauvegardez-le dans remotion/src/specs/kits/<channel>.json et commencez chaque épisode à partir de lui (voir kits/README.md).

Valeurs par défaut en cas de doute

  • Format : 1080×1920, 30 ips.
  • Style : halftone-poster-collage pour les vidéos explicatives, native-ui-explainer pour business/tech, dark-product-promo pour les outils.
  • Mouvement : animFps 15, settle 1.10 (valeur par défaut), scènes 1.2–2.8 s.
  • Typographie : mots-clés en impact/bebas taille 18–30, avec un mot murmurant en serif-italic ou script. Badges stitched dans un accent profond.
  • Coupes : zoom comme signature, cut simple pour les incrustations, flash ou invert pour les révélations, circle vers le CTA.
  • Finition et audio : grain 0.07, vignette 0.35. Fond musical à musicVolume 0.3 avec duckTo 0.12.

Skills associés