Claude Code + Remotion : les Rois de l'animation vidéo

Toutes les animations de mes vidéos sont créées par Claude Code avec Remotion. Pas de monteur, pas de motion designer : un système en 3 prompts, et je te le donne en entier ici. Dans cette vidéo je te montre le workflow complet que j'utilise pour de vrai sur cette chaîne (mes 3 dernières vidéos sont passées dessus) : installer Remotion avec Claude Code, générer ta charte graphique, ton lookbook de scènes, puis laisser Claude lire ton script et proposer les animations section par section. Et à la fin, comment tout ça finit dans un vrai montage (CapCut ou video-use). ⏱ Chapitres 0:00 Ces animations, c'est Claude Code 0:33 Le système complet (Remotion) 1:26 Étape 1 — Installer Remotion avec Claude Code 2:31 Étape 2 — Ta charte graphique (prompt 1) 3:37 Le lookbook "studio à 100 000 dollars" (prompt 2) 4:26 Étape 3 — Du script aux animations (prompt 3) 5:42 Le feedback spécifique 6:07 Des composants réutilisables 6:50 Étape 4 — Render ProRes + montage (CapCut / video-use) 8:10 Les 4 réflexes à retenir 8:43 Au-delà de YouTube 🎁 LES 3 PROMPTS (promis dans la vidéo, en version complète) ▸ Prompt bonus — L'installation : Installe-moi Remotion avec tout ce qu'il faut, ajoute le skill Remotion (best practices), et prépare le projet pour que je puisse créer des animations vidéo. ▸ Prompt 1 — Générer ta charte graphique : Je lance une chaîne YouTube : [ton sujet, ton ambiance, 1-2 chaînes dont tu aimes le style]. Pose-moi d'abord les questions qui te manquent (5 max). Puis génère ma charte graphique dans un fichier de design tokens (design.ts ou charte.md) : chaque couleur avec un NOM et un RÔLE (fond, texte, accent principal, signal d'alerte...) 2-3 polices avec leur rôle (titres, corps, labels) une échelle de tailles de texte le style d'apparition des éléments (rebond, fondu, durées) Règle : tout est nommé, rien n'est implicite. Ce fichier sera relu avant chaque animation. ▸ Prompt 2 — Générer ton lookbook : Lis ma charte (design.ts ou charte.md). Génère un lookbook HTML de 10 archétypes de scènes pour ma chaîne YouTube, une page par archétype, 1280x720 : 00 système de couleurs · 01 grosse stat · 02 comparatif en barres · 03 schéma · 04 jauge · 05 récap · 06 lower-third · 07 surlignage · 08 carte de chapitre · 09 écran de fin. Sois créatif sur la composition : je veux que ça ressemble à une production d'un studio à 100 000 dollars. Chaque page utilise UNIQUEMENT les tokens de la charte (aucune couleur ou police inventée). Ajoute un index.html qui affiche les 10 planches en grille. Objectif : valider mon identité visuelle AVANT de produire la moindre animation. ▸ Prompt 3 — Générer les animations depuis ton script : Lis mon script (script.md). Propose-moi les animations Remotion qui pourraient accompagner chaque section (carte, stat, schéma, comparatif...), puis construis-les. Utilise ma charte (design.ts) pour toutes les couleurs, polices et animations. Réutilise et adapte les composants existants quand c'est possible, au lieu de repartir de zéro. Format : compositions 1920x1080, 30fps, réutilisables avec des props. Montre-moi le plan avant d'écrire le code. 🔗 Les liens (promis dans la vidéo) • Remotion : https://remotion.dev • Le skill Remotion (best practices) : https://www.remotion.dev/docs/ai/skills • video-use (montage piloté par Claude) : https://github.com/browser-use/video-use • Ma vidéo sur les Skills de Claude Code :    • Claude Code Skills : le guide complet en 1...   📱 Mes réseaux • Instagram :   / benredissi   • LinkedIn :   / habibredissi   💬 Pour la prochaine vidéo, j'hésite : un test complet de Codex, ou Hyperframe (le concurrent gratuit de Remotion) ? Dis-moi en commentaire. Si t'as appris un truc, un like et un abonnement, ça aide vraiment la chaîne. À la prochaine. #claudecode #remotion #ia #intelligenceartificielle