Le graphique en barres est apparu à l'écran — fluide, élastique, chaque colonne s'emboîtant à sa place avec un léger dépassement avant de se stabiliser. À côté, un compteur a progressé de 0% à 78%, brillant faiblement sur un fond sombre. L'ensemble donnait l'impression de quelque chose qu'une agence de motion design facturerait 800 $.
Je l'ai construit en un prompt. Onze mots, un terminal Claude Code et environ quarante secondes de traitement.
Ce moment a changé ma façon de penser le contenu vidéo. Pas parce que l'animation était parfaite — elle ne l'était pas, et j'en viendrai aux ajustements — mais parce qu'elle a démoli un mur que je fixais depuis des mois. Je voulais créer une chaîne YouTube sans visage autour de visualisations de données et de vidéos de type classement. Le genre qui accumule des millions de vues avec des graphiques en barres animés montrant les personnes les plus riches du monde, les pays à la croissance la plus rapide ou les langages de programmation les plus populaires au fil du temps. Mais chaque fois que j'ouvrais After Effects, je le fermais en moins de vingt minutes. Le workflow avec les images clés ressemblait à écrire du code en recopiant des caractères à la main depuis un livre imprimé.
Puis j'ai découvert que Claude Code et Remotion pouvaient transformer une description textuelle en un motion graphic entièrement codé et rendable. Et soudain, les calculs pour les chaînes YouTube sans visage ont complètement changé.
L'économie qui a retenu mon attention
Je ne vais pas prétendre que j'y suis entré uniquement pour l'art. Ce sont les chiffres qui m'ont attiré.
Les chaînes YouTube sans visage — celles qui fonctionnent entièrement avec du motion graphics, des images d'archives et de la narration sans que personne n'apparaisse à l'écran — génèrent de vrais revenus. Selon les données de niche 2026 d'OutlierKit, les chaînes dans l'espace finance et visualisation de données gagnent 15-22 $ de CPM. Un canal produisant des vidéos de classement peut atteindre 5 à 10 millions de vues par mois la première année.
Le goulot d'étranglement n'a jamais été le concept ni les sujets. C'était la vitesse de production. Les workflows traditionnels de motion graphics — After Effects, Premiere Pro, keyframing manuel — vous limitent à peut-être deux ou trois vidéos polies par semaine en solo.
Claude Code et Remotion ont brisé ce goulot d'étranglement pour moi.
Ce dont vous avez besoin avant d'écrire un seul prompt
1. Un compte Claude AI avec abonnement
Le plan Pro à 20 $/mois vous donne accès à Claude Code via l'extension VS Code.
2. Visual Studio Code
Téléchargez depuis code.visualstudio.com.
3. Node.js (Version 18+)
Récupérez-le sur nodejs.org.
4. Git
Le contrôle de version — installez Git.
5. L'extension Claude Code
Ouvrez VS Code, cherchez "Claude Code" dans les extensions et installez-la.
6. Le Skill Remotion
npx skills add remotion-dev/skills
Si vous rencontrez une erreur de politique d'exécution PowerShell sous Windows :
Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned
Pour un nouveau projet Remotion :
bun create video
Le workflow qui livre vraiment des vidéos
Étape 1 : Décrivez l'animation en langage simple
Ouvrez le panneau de chat Claude Code et écrivez ce que vous voulez. Pas de pseudo-code. Pas de spécifications techniques.
Étape 2 : Laissez Claude exécuter
Claude traite votre prompt, écrit le code du composant et installe les dépendances. Sur mon M2 MacBook Air, cela prend 30-60 secondes.
Étape 3 : Prévisualisez dans Remotion Studio
Claude génère une URL — typiquement http://localhost:3000. Ouvrez-la dans votre navigateur.
Étape 4 : Itérez avec des prompts de suivi
Si quelque chose ne va pas, décrivez simplement le changement. Claude modifie le code existant.
Étape 5 : Rendez en MP4
npx remotion render src/index.ts MyComposition out/video.mp4 --fps=30
Une visualisation de données de 15 secondes prend environ 45 secondes à rendre. Une composition multi-scènes de 60 secondes prend trois à quatre minutes.
Construire un graphique de classement : la vidéo qui m'a convaincu
Claude a généré un composant React de 180 lignes. Temps total du prompt au rendu final : environ douze minutes. Construire la même animation dans After Effects prendrait minimum trois à quatre heures.
Pourquoi les motion graphics basés sur le code changent le jeu d'échelle
Les templates deviennent de vrais templates
// Same component, different data — different video
const richestPeople = [
{ name: "Elon Musk", value: 700, color: "#8B5CF6" },
{ name: "Bernard Arnault", value: 620, color: "#3B82F6" },
// ... more entries
];
const programmingLanguages = [
{ name: "Python", value: 4200000, color: "#3776AB" },
{ name: "JavaScript", value: 3800000, color: "#F7DF1E" },
// ... more entries
];
Le rendu par lots est intégré
# Render multiple compositions from a data file
node render-batch.js --data=./datasets/rankings.json --output=./exports/
Le contrôle de version fonctionne
Chaque animation vit dans un dépôt Git.
Les parties honnêtes : où ce workflow est insuffisant
L'animation complexe de personnages n'est pas encore là
L'animation basée sur le code excelle dans la visualisation de données, la typographie, les formes géométriques et le motion design abstrait.
La courbe d'apprentissage n'est pas nulle
J'ai passé mon premier week-end à lire la documentation de Remotion pour comprendre useCurrentFrame, interpolate et Sequence.
Le rendu consomme des ressources
Une vidéo de 60 secondes à 1080p et 30fps signifie 1 800 frames individuels. J'ai fini par déplacer mes rendus par lots vers une instance AWS EC2 avec 32 Go de RAM.
Tous les prompts ne produisent pas de l'or
Environ 20% de mes prompts nécessitent une révision significative.
Si vous préférez que quelqu'un construise une pipeline complète de motion graphics pour votre chaîne, je prends exactement ce type de projets. Voyez mon travail sur fiverr.com/s/EgxYmWD.
Des vidéos individuelles à une pipeline de production
Étape 1 : Recherche de sujets
J'utilise Google Trends, VidIQ et les suggestions de recherche YouTube.
Étape 2 : Collecte de données
Je compile les données en format JSON structuré. Environ quinze minutes par sujet.
Étape 3 : Sélection ou création de template
Je maintiens cinq templates principaux. Environ 70% de mes vidéos utilisent un template existant.
Étape 4 : Génération et révision
Cinq à quinze minutes par vidéo selon la complexité.
Étape 5 : Assemblage
Je combine le motion graphic rendu avec narration, musique, intro/outro et miniature.
Étape 6 : Lots quand possible
Les dimanches, je prépare les vidéos de la semaine suivante.
Cette pipeline me permet de produire cinq à sept vidéos par semaine en tant que créateur individuel.
Ce que Remotion fait sous le capot
import { useCurrentFrame, interpolate, spring, useVideoConfig } from "remotion";
export const AnimatedCounter: React.FC<{ target: number }> = ({ target }) => {
const frame = useCurrentFrame();
const { fps } = useVideoConfig();
// Spring-based animation for natural movement
const progress = spring({
frame,
fps,
config: { damping: 15, stiffness: 80 },
});
const currentValue = Math.round(progress * target);
return (
<div style={{
fontSize: 96,
fontWeight: "bold",
color: "#8B5CF6",
fontFamily: "Inter, sans-serif",
}}>
{currentValue.toLocaleString()}
</div>
);
};
Licences : ce qu'il faut savoir avant de monétiser
À avril 2026, Remotion Skills est gratuit pour les développeurs individuels, les organisations à but non lucratif et les entreprises de trois employés ou moins.
Ce que je dirais à quelqu'un qui commence aujourd'hui
Commencez avec un template, pas cinq. Choisissez le graphique en barres horizontal. Maîtrisez-le. Puis élargissez.
Investissez deux heures dans les docs de Remotion. Juste le guide de démarrage et les pages sur interpolate, spring et Sequence.
Choisissez votre niche avant votre premier rendu. L'algorithme YouTube récompense la constance.
Ne sautez pas la narration. Les générateurs de voix IA comme ElevenLabs produisent de la narration de qualité broadcast.
Rendez pendant la nuit. Programmez vos rendus par lots avant de dormir.
Pour un parcours plus approfondi des fondamentaux de Claude Code, j'ai couvert cela en détail dans mon tutoriel Claude Code pour débutants. Et pour voir comment j'ai utilisé Remotion au-delà du contenu YouTube, consultez mon guide complet du workflow vidéo Remotion.
Le changement qui compte plus que l'outil
Il y a six mois, je regardais les chaînes YouTube sans visage et pensais : « Super modèle économique, mais le coût de production tue pour les créateurs individuels. » Claude Code et Remotion n'ont pas seulement réduit ce coût. Ils l'ont éliminé comme variable. Mes coûts de production par vidéo sont maintenant effectivement nuls au-delà des abonnements que je payais déjà pour le travail de développement.
Les chaînes qui domineront l'espace YouTube sans visage dans les deux prochaines années ne seront pas celles avec les plus gros budgets de production. Ce seront celles qui ont compris comment transformer des descriptions textuelles en motion graphics professionnels à grande échelle.
Les outils sont là. Le skill s'installe en quinze secondes. La première animation prend quarante.
Que va montrer votre premier graphique de classement ?
Questions fréquemment posées
Dois-je connaître React pour utiliser Claude Code avec Remotion ?
Non. Claude Code traduit des prompts en langage simple en composants React/Remotion fonctionnels.
Combien coûte la configuration complète Claude Code et Remotion ?
Un abonnement Claude Pro coûte 20 $/mois. Remotion est gratuit pour les créateurs individuels. Coût minimum total : 20 $/mois. Avec un outil de voix IA (10-30 $/mois), comptez 30-50 $/mois.
Combien de temps faut-il pour rendre une vidéo de motion graphics ?
Une animation de 15 secondes à 1080p/30fps se rend en environ 45 secondes sur un M2 MacBook Air.
Puis-je monétiser des vidéos YouTube faites avec Remotion et Claude Code ?
Oui. La sortie est une vidéo MP4 standard qui vous appartient.
Quels types de motion graphics fonctionnent le mieux avec ce workflow ?
Visualisations de données, courses de graphiques en barres, animations de classement, showcases de compteurs/statistiques, graphiques comparatifs et contenu basé sur la typographie.
Travaillons ensemble
Vous cherchez à construire des systèmes d'IA, automatiser des flux de travail ou faire évoluer votre infrastructure technique ? Je serais ravi de vous aider.
- Fiverr (solutions sur mesure et intégrations) : fiverr.com/s/EgxYmWD
- Portfolio : mejba.me
- Ramlit Limited (solutions d'entreprise) : ramlit.com
- ColorPark (design et branding) : colorpark.io
- xCyberSecurity (services de sécurité) : xcybersecurity.io
