remotion-motion-graphics : transformer votre logo et vos textes en animations exportables en MP4 avec Remotion

À qui s'adresse ce Skill

Ce Skill s'adresse à celles et ceux qui souhaitent maintenir leurs animations comme du code : responsables de marque, créateurs de vidéos courtes ou développeurs front-end qui veulent, à partir d'une vidéo de référence et d'un logo, produire du kinetic-typography (typographie animée), des animations de logo ou des films promotionnels de marque, et les exporter directement en MP4. Selon la documentation officielle, il permet de générer à partir d'une même base de code les deux formats 9:16 et 16:9.

Il ne convient pas dans les cas suivants : sans Node.js 18+ (requis par Remotion 4) ni ffmpeg / ffprobe dans le PATH, les scripts d'analyse et de vérification ne peuvent pas s'exécuter ; lors du premier rendu, Remotion télécharge automatiquement Chrome, ce qui peut bloquer dans un environnement à réseau restreint. Les preuves officielles n'indiquent pas la prise en charge d'autres runtimes ou plateformes, ni quelles langues d'interface sont supportées pour les agents : ce sont des inconnues.

Première tentative en 3 minutes

Le chemin principal recommandé est l'installation locale via Claude Code :

1. Prérequis : Node.js 18+, ffmpeg / ffprobe disponibles dans le PATH.
2. Exécuter dans le terminal la commande d'installation officielle pour copier le Skill dans ~/.claude/skills/ :

git clone https://github.com/Boriwatopal/agent-skill-remotion-motion-graphics.git /tmp/rmg && \
cp -R /tmp/rmg/skills/remotion-motion-graphics ~/.claude/skills/ && rm -rf /tmp/rmg

1. Déclencher dans Claude Code une tâche à faible risque : fournir une vidéo de référence et un logo (SVG ou site web), et demander d'abord uniquement l'analyse — demander à l'agent de générer un beat map à partir des contact sheets de la vidéo de référence, d'extraire les couleurs, les polices et les textes des éléments de marque, et de cartographier le chemin du logo afin que texte et graphiques soient animés séparément. Ne pas demander de rendu final pendant la phase d'analyse.

Signal de réussite : l'agent a lu les ressources et fournit un beat map ainsi que l'extraction des éléments de marque, ce qui montre que le flux de travail du Skill fonctionne. Attention : la phase de rendu exécute des commandes, écrit des fichiers et télécharge Chrome ; les preuves n'indiquent pas si une confirmation supplémentaire est requise pour le rendu — précisez avec l'agent le chemin de sortie avant toute action. Les utilisateurs de claude.ai / Cowork n'ont pas ce chemin : la méthode officielle pour eux consiste à télécharger dist/remotion-motion-graphics.skill et à le téléverser dans Settings → Capabilities → Skills, une voie secondaire propre à cette autre plateforme.

Cas d'usage

Cas 1 : extraire le rythme d'une vidéo de référence. Envoyer à l'agent une vidéo concurrente et son propre logo, demander un beat map ainsi que l'extraction des couleurs et des polices, puis produire selon le flux du Skill une animation codifiée et exporter un MP4 9:16. Les étapes vérifiables sont la lecture des ressources et le beat map ; le rendu et la qualité du résultat dépendent de l'exécution effective par l'agent.

Cas 2 : animation d'entrée d'un logo. Fournir le SVG du logo et demander que le texte et le graphique soient animés séparément, pour réaliser un film promotionnel de marque. Le Skill cartographie le chemin du logo pour que les éléments bougent séparément ; avant l'export, suivre le processus de validation officiel : tsc sans erreur, rendu d'essai à l'échelle 0.3, vérification des contact sheets une à une, rendu en image fixe des frames suspectes et correction, puis rendu final avec extraction de frames du film fini comme preuve. Le signal final vérifiable est l'obtention du MP4 et des frames extraites.

Limites d'usage

Le rendu exécute tsc et les commandes de rendu Remotion, écrit des fichiers dans le projet et télécharge Chrome au premier lancement — ce sont des comportements décrits explicitement par la documentation officielle. Les scripts d'analyse et de vérification du Skill dépendent de ffmpeg / ffprobe. Les preuves officielles n'indiquent pas : si le rendu nécessite une confirmation de l'utilisateur, quels chemins précis sont écrits, si le fonctionnement hors ligne est possible, ni l'étendue des langues prises en charge (ne pas en déduire que seules des ressources en anglais sont supportées sous prétexte que le README est en anglais). Le Skill produit un MP4 rendu et du code ; les preuves n'indiquent pas qu'il modifie directement les fichiers existants de l'utilisateur ; quant à son impact sur le système de fichiers, c'est le comportement réel de l'agent qui fait foi. Les méthodes d'installation diffèrent selon la plateforme : pour Claude Code, git clone plus copie du répertoire ; pour claude.ai / Cowork, téléversement du fichier .skill — elles ne sont pas interchangeables.