appariciojunior/video-editor-skills

Compositing motion graphique de marque pour les vidéos de créateurs - un kit de composants Remotion (phrases clés, listes, tiers-inférieur, voyages, gros mots…) synchronisé avec les paroles du créateur à partir d'une feuille de beats, rendu en ProRes transparent et placé sur V2+ dans DaVinci Resolve, avec des dispositions compatibles visage et sous-titres.

Qu'est-ce que video-editor-skills ?

Cette compétence permet d'ajouter des graphiques animés de marque (overlays) aux vidéos de créateurs, sans jamais modifier leur image ou leur audio. Elle s'appuie sur un projet Remotion avec un seul composant (`Beat`) qui rend tout composant passé en props, à la taille et à la fréquence d'images de la timeline, en format transparent. Les composants lisent toutes leurs valeurs depuis un fichier de tokens de marque (`brand.json` : couleurs, polices, tailles basées sur une unité 1080 de haut, padding, timings de mouvement) pour que le look soit modifiable en un seul endroit. Le kit inclut des composants comme LowerThird, KeyPhrase, ListReveal, Compare, CountUp, BigWord, etc., chacun adapté à un usage spécifique (première apparition, phrase porteuse, étapes, comparaison, nombre, idée forte). Le flux de travail est strict : mapper les mots de la timeline aux images, planifier des beats (un toutes les 30-60 secondes), générer un fichier `beats.json`, rendre en ProRes 4444 transparent, vérifier le placement sur une piste libre (V2+), et surtout **vérifier sur une image réelle** avant de placer (non-négociable) pour éviter les problèmes de visage, de débordement, de sous-titres ou de veuves. Les correctifs sont appliqués dans le kit, jamais par vidéo, pour que tous les projets futurs en bénéficient. La compétence est particulièrement utile pour les rédacteurs de prompts vidéo qui veulent "overlays", "motion graphics", "rendre intéressant", "graphiques", ou quand les overlays couvrent le visage ou luttent contre les sous-titres.

Compatible avec~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/appariciojunior/video-editor-skills/tree/HEAD/skills/motion-overlays

Documentation

Overlays animés (kit Remotion)

Le montage final du créateur est approuvé et généralement ré-édité par lui. Vous ajoutez des graphiques par-dessus ; leur image et leur audio ne sont jamais touchés.

Le kit

Un projet Remotion avec une seule composition (Beat) qui rend tout composant passé en props, à la taille et à la fréquence d'images de la timeline, en transparent. Les composants lisent toutes leurs valeurs depuis un fichier de tokens de marque (brand.json : couleurs, polices, tailles basées sur une unité 1080 de haut, padding, timings de mouvement) pour que le look soit modifiable en un seul endroit. Ensemble typique :

Composant	Utilisation
LowerThird	nom + rôle, première apparition
KeyPhrase	la phrase qui porte un point (`mot` = surligneur)
ListReveal / Flow	éléments ou étapes apparaissant au fur et à mesure qu'ils sont dits
Compare / BeforeAfter	deux côtés, un changement
CountUp	un nombre qu'ils disent
Quote / PersonalNote	une phrase forte, une opinion
BigWord	une idée, plein cadre, 1-2 s
CommentPrompt	une question pour les commentaires
VlogOpener, PlaceTime, Journey, TimeJump	moments de vlog : titre, où/quand, voyage A → B, "3 heures plus tard"
TitleCard / EndCard / ChapterTag	structure, seulement si demandé

Mouvement que les créateurs ont aimé : un seul mouvement fluide ease-in-out par élément , glisser, tenir, glisser. Pas de pop, pas de rebond. Poids légers ou réguliers en grandes tailles, étiquettes majuscules monospace, padding généreux.

À chaque fois

Quelle timeline (jamais le template).
Mapper les mots → images sur cette timeline (parcourir les éléments V1 : point d'entrée source, début de timeline → temps de timeline de chaque mot conservé).
Planifier les beats et les proposer (temps · composant · texte), attendre l'accord. Environ un toutes les 30-60 s. Texte = leurs mots, nombres exactement comme dits, noms vérifiés sur le web, rien d'inventé, rien qu'ils veulent garder secret, la bonne direction narrative (un voyage vers quelque part vs. revenir).
beats.json : id, component, at_word (ou at_seconds sur des images B-roll, où il n'y a pas de mots), end_word / seconds, data avec des repères at_word pour les éléments.
Rendre (ProRes 4444 transparent ; les composants plein cadre sont volumineux, plusieurs Go pour ~16 beats), vérifier, puis placer sur la première piste libre à partir de V2.
Effets sonores overlay : désactivés par défaut sauf si le créateur les aime (au maximum un léger whoosh).

Vérifier sur l'image réelle avant de placer (non-négociable)

Récupérer l'image sous chaque beat à partir du fichier caméra, rendre le still overlay, les composer, et regarder. Dessiner aussi la bande de sous-titres dessus. Nous n'avons détecté tous ces problèmes que de cette façon :

Visage : les panneaux conçus pour le 16:9 (tiers droit libre) couvraient le visage dans un cadre selfie 4:3. Correction dans le kit : lorsque le cadre est plus étroit que 16:9, redimensionner les panneaux latéraux dans leur ensemble vers les ~34 % extérieurs de la largeur, à 80 px du bord, et redimensionner le texte plein cadre à ses proportions 16:9 pour qu'il reste sous le menton.
Débordement : une liste de 11 éléments ne tenait pas avant redimensionnement ; plus de ~11 éléments nécessite une autre mise en page.
Sous-titres : les éléments ancrés en bas (opener, grand mot, tiers-inférieur, voyage) se trouvaient dans la bande de sous-titres. Correction dans le kit : un token comme caption_band_top_at_1080 et chaque décalage bas = max(propre, haut de bande).
Veuves : un mot surligné suivi de "." faisait passer le point sur sa propre ligne. Correction dans le kit : coller la ponctuation au dernier mot du surlignage (nowrap) et utiliser text-wrap: pretty sur le texte affiché.

Corriger les problèmes de mise en page dans le kit, jamais par vidéo, pour que chaque future vidéo hérite de la correction.

Remplacer des beats

Modifier le beat, rendre sous un nouvel id/nom de fichier (-v2), supprimer votre ancien clip, placer le nouveau. La ré-exécution doit sauter les beats déjà placés et ne jamais rajouter quelque chose que le créateur a supprimé sans le dire.

Rapport

Une ligne par beat (temps, composant, texte à l'écran), ce que vous avez corrigé dans le kit, et tout ce qui est serré (petit texte, près du visage).