Communitygithub.com

kuzeyozel-1/remotion-video-pipeline

Produisez des vidéos promotionnelles courtes (reels verticaux 9:16, spots web 16:9) à partir de rushs bruts de téléphone/caméra avec Remotion, incluant la génération de proxies, des planches contacts pour choisir les séquences, le thème de marque, et les pièges de rendu qui font perdre des heures (majuscules turques, entrée standard ffmpeg, sortie HEVC, drawtext manquant). Utilisez quand l'utilisateur dit « faire une vidéo promo », « reel à partir de ce rush », « Remotion », « tanıtım videosu », « kısa video render », ou a besoin de texte et d'habillage de marque générés par code par-dessus des rushs réels.

Qu'est-ce que remotion-video-pipeline ?

Cette compétence (skill) pour Remotion permet de transformer des rushs vidéo bruts (téléphone ou caméra) en vidéos promotionnelles courtes, adaptées aux réseaux sociaux (reels 9:16) ou au web (16:9). Elle automatise le pipeline complet : inventaire des fichiers, création de proxies légers pour un montage fluide dans Remotion, génération de planches contacts pour sélectionner visuellement les moments clés, puis composition et rendu final avec habillage de marque (texte animé, fondus). Le SKILL.md détaille également les pièges fréquents qui ont coûté du temps à l'auteur, comme la gestion des majuscules turques (lang=tr), l'utilisation de `-nostdin` avec ffmpeg dans des boucles, l'absence de `drawtext` dans certaines versions de ffmpeg, ou encore les problèmes de rotation des rushs téléphone. Cette compétence est conçue pour les développeurs utilisant Remotion (via CLI ou Node.js) et souhaitant produire des vidéos reproductibles, sans fautes de texte, avec un rendu fiable.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/kuzeyozel-1/vinci-skills/tree/main/skills/remotion-video-pipeline

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Pipeline vidéo Remotion

Séquences réelles + typographie générée par code = vidéos conformes à la marque, sans fautes de frappe et avec des modifications reproductibles.

Pipeline

  1. Inventorier les clips bruts : scripts/inventory.sh <raw-dir> > index.tsv (id, chemin, durée, résolution).
  2. Proxies : scripts/make-proxies.sh index.tsv proxy/ crée des copies H.264 en 1080p, 30 ips, intra-ish (-g 15), sans audio. Éditez et effectuez le rendu sur les proxies ; les originaux 4K/HEVC ralentissent la recherche dans Remotion et peuvent planter Chrome.
  3. Choisir les moments en voyant, pas en devinant : scripts/contact-sheet.sh proxy/v01.mp4 sheets/v01.jpg imprime une image par seconde dans une grille. Ouvrez la planche et notez les secondes de début par coupe.
  4. Composer dans template/ (copiez-le) : Footage (clip rogné, zoomé), Scrim (dégradé pour un texte lisible), Line (texte animé). Une composition par sortie (par ex. Main 30 s, Teaser 9 s, Spot16x9 20 s).
  5. Rendu : npx remotion render <CompositionId> out/<nom>.mp4. La configuration définit déjà H.264, CRF 17, yuv420p.
  6. Vérifier : extrayez 3 images fixes (ffmpeg -ss 5 -i out.mp4 -frames:v 1 still.png) et examinez-les ; vérifiez la durée et que la politique audio (silence ou musique) correspond à ce que le client attend.

Pièges (chacun a coûté du temps réel)

  • Définissez lang="tr" (ou la bonne langue) sur l'élément racine ; sinon, CSS text-transform: uppercase transforme le i turc en I (MAKINASI, TEKLIF). Préférez taper la casse finale directement dans la chaîne.
  • ffmpeg dans les boucles while read avale l'entrée standard : passez toujours -nostdin.
  • zsh divise différemment de bash : set -- $p et $2:s échouent. Écrivez les scripts avec #!/usr/bin/env bash.
  • De nombreuses versions de ffmpeg n'ont pas de drawtext. Dessinez le texte dans Remotion, jamais dans ffmpeg.
  • Les moteurs de rendu basés sur HTML (par ex. Hyperframes) peuvent laisser des calques superposés « sombres » visibles entre les scènes ; fondez également les scènes avec une animation d'opacité explicite. Exécutez ces rendus au premier plan (les exécutions en arrière-plan avec nohup sont annulées) et convertissez la sortie HEVC avec ffmpeg -i in.mp4 -c:v libx264 -crf 18 -pix_fmt yuv420p out.mp4.
  • Rotation des rushs téléphone : vérifiez les balises de rotation avec ffprobe ; les clips portrait dans une composition paysage nécessitent objectFit: cover ainsi qu'un rognage explicite.
  • Ne revendiquez que ce que montrent les rushs. N'inventez pas de spécifications, capacités ou prix dans le texte affiché à l'écran.
  • Gardez les fichiers clients hors du dépôt que vous publiez ; les rushs et logos appartiennent au client.

Voir references/checklist.md pour la liste de contrôle de livraison.

Skills associés