Cette IA a changé la création de contenu à jamais

Claude Code et Remotion : Transformer un site web en vidéo de présentation avec l'IA

---

timestamp: "00:00:02"

marker: "!"

title: "Introduction à la révolution des compétences IA et présentation de l'objectif"

quote: "Et si quelque chose ne vous plaît pas, vous lui dites et elle le corrige en direct. Et bien aujourd'hui, c'est devenu une réalité."

details:

La vidéo commence par poser un scénario futuriste où une intelligence artificielle serait capable de créer une vidéo de présentation complète à partir d'un simple lien web, en extrayant automatiquement les images, les couleurs, en rédigeant le texte et en ajoutant une musique. L'orateur annonce que cette capacité n'est plus de la science-fiction mais une réalité concrète, rendue possible par une nouvelle fonctionnalité de Claude AI appelée "compétences" (ou "skills"). Cette introduction sert à captiver l'audience en présentant une avancée technologique majeure qui semble tout droit sortie d'un film de science-fiction, mais qui est désormais accessible. L'objectif est clairement défini : démontrer comment configurer un "monteur IA" et créer une première vidéo à partir d'un simple prompt, et ce, sans aucune expérience préalable en montage vidéo. L'accent est mis sur l'accessibilité et la puissance de l'outil, promettant de démocratiser la création vidéo professionnelle.

Avant de plonger dans le tutoriel technique, l'orateur prend le temps de montrer des exemples concrets de ce qui est déjà réalisable. Il présente des vidéos créées par d'autres utilisateurs sur Twitter, mettant en avant des animations de qualité et la capacité à générer des vidéos relativement longues (35 secondes dans un exemple). Ces démonstrations préliminaires ont pour but de crédibiliser la suite du propos et de montrer que les résultats ne sont pas théoriques mais bien tangibles. L'orateur révèle également les deux piliers technologiques de ce workflow : Remotion, une bibliothèque permettant de créer des vidéos par programmation (en code), et Claude Code, l'interface qui va servir de chef d'orchestre. Il rassure immédiatement l'audience en précisant qu'aucune connaissance en codage ne sera nécessaire, ce qui est un point crucial pour élargir le public cible au-delà des développeurs.

---

---

timestamp: "00:02:38"

marker: "!"

title: "Configuration initiale : Installation de Claude Code et intégration de la compétence Remotion"

quote: "Pour utiliser remotion, vous voyez tout ce que vous avez à faire, c'est de créer d'abord un dossier."

details:

Cette section constitue le guide pas-à-pas pour mettre en place l'environnement de travail. La première étape impérative est de télécharger l'application de bureau Claude (Claude Code) et non d'utiliser la version web. Cette version desktop offre des fonctionnalités supplémentaires essentielles, notamment la possibilité pour l'IA d'interagir avec le système de fichiers local et d'exécuter des commandes. L'orateur guide ensuite l'utilisateur dans la création d'un dossier dédié sur son ordinateur, qui servira de racine pour le projet et hébergera tous les fichiers générés par l'IA. Cette simplicité d'installation est soulignée comme un point fort, rendant la technologie accessible.

Le cœur de la configuration réside dans l'ajout de la "compétence" Remotion à Claude. L'orateur fournit un lien (à retrouver en description de la vidéo) pointant vers la documentation ou le guide d'instructions que Claude doit ingérer pour comprendre comment utiliser Remotion. L'utilisateur n'a qu'à copier-coller ce lien dans une conversation avec Claude Code, accompagné d'un prompt simple demandant l'installation de cette compétence et la création d'une première vidéo test. L'IA prend alors le contrôle : elle lit la documentation, exécute des commandes dans le terminal, installe les dépendances nécessaires et génère automatiquement une première vidéo de démonstration. Ce processus illustre parfaitement le concept d'agent autonome : Claude planifie et exécute une série de tâches complexes (analyse, installation, test, rendu) sans intervention humaine, simplement en suivant des instructions en langage naturel.

---

---

timestamp: "00:06:32"

marker: "!"

title: "Première démonstration pratique : Création d'une vidéo à partir d'un site web"

quote: "Et donc là, normalement, je lui fais vraiment un prompt horrible... C'est simplement pour vous montrer que c'est pas magique et on va découvrir en direct si le résultat est mauvais."

details:

Avec l'environnement désormais opérationnel, l'orateur passe à une démonstration réelle. Il donne à Claude un prompt délibérément vague et peu structuré : créer une vidéo de présentation pour son agence de conseil en IA, "Chatflow", en se basant sur le site web de l'agence. L'objectif avoué est de montrer les limites et les capacités de l'outil avec une instruction minimale, prouvant ainsi qu'il ne s'agit pas d'une magie noire mais d'un outil dont les résultats dépendent de la qualité des inputs. Claude se met au travail : il analyse le site web fourni, en extrait les éléments clés comme la palette de couleurs, les arguments marketing ("De la curiosité au leadership"), et les services proposés (Audit, Conseil, Formation, Intégration).

En quelques secondes, Claude génère une première vidéo de 19 secondes. L'orateur en fait une critique constructive : les animations et transitions sont jugées "plutôt sympas", mais la vidéo manque de dynamisme sans musique de fond. Il demande alors à Claude d'ajouter une musique libre de droit adaptée à la thématique. Cette interaction séquentielle montre la philosophie du workflow : il s'agit d'un processus itératif et conversationnel. L'utilisateur peut demander des ajustements en temps réel ("ajoute une musique", "change la couleur"), et l'IA exécute. Le résultat, bien que perfectible, est présenté comme un point de départ très solide et rapide, qui aurait demandé un temps considérable en montage manuel.

---

---

timestamp: "00:08:35"

marker: "!"

title: "Extension des capacités : Orchestration d'outils créatifs via une plateforme unifiée"

quote: "Le souci, c'est que si on fait ça pour chacune des nouvelles compétences... et bien ça risque d'être assez ennuyant pour vous comme pour n'importe qui de gérer les API, les connexions, les crédits et cetera."

details:

L'orateur identifie rapidement une limite du système manuel : ajouter chaque compétence (synthèse vocale, génération d'avatar, génération de musique) une par une en fournissant leurs API respectives à Claude serait fastidieux et technique. Pour résoudre ce problème de complexité, il introduit une plateforme centrale : FAL.ai. Présentée comme un "hub" de modèles d'IA créatifs, FAL.ai agrège les API de nombreux services (comme Eleven Labs pour la voix, ou probablement d'autres pour la musique et les images) derrière une interface et une clé API uniques. Cela simplifie radicalement le processus pour l'utilisateur et pour Claude.

La démonstration se poursuit en intégrant FAL.ai. L'utilisateur crée un compte sur la plateforme, génère une clé API (l'orateur note qu'un crédit minimal, comme 30 centimes, suffit pour la démo), et la fournit à Claude. Il demande ensuite à l'IA de créer un voice-over en français pour la vidéo existante, en utilisant le modèle Eleven Labs v3 via FAL.ai, et de remplacer la musique par cette narration. Claude orchestre alors plusieurs tâches : il rédige un script de narration en français, appelle l'API de synthèse vocale via FAL.ai avec les bons paramètres, ajuste la durée de l'audio généré pour qu'elle corresponde à la vidéo, et assemble le tout. Le résultat final est une vidéo de présentation complète avec une voix-off professionnelle, le tout généré de manière autonome. Cette étape illustre la puissance de Claude en tant que "chef d'orchestre" capable de coordonner plusieurs outils spécialisés via une interface unifiée.

---

---

timestamp: "00:13:01"

marker: "!"

title: "Transparence technique et démonstration finale sur un cas neutre"

quote: "OK Claude, j'aimerais maintenant que tu m'ouvres ton éditeur de montage que tu utilises avec Remotion en local sur mon navigateur pour montrer à mes auditeurs qu'est-ce qui se passe exactement."

details:

Pour démystifier le processus et montrer qu'il n'y a pas de "boîte noire" magique, l'orateur demande à Claude d'ouvrir l'éditeur de montage Remotion qu'il a généré en local. Claude ouvre une fenêtre du navigateur affichant localhost:3000, révélant l'interface de développement et le code React/TypeScript sous-jacent que Remotion a créé pour produire la vidéo. Cette transparence est cruciale : elle montre que l'IA génère du code propre et modifiable, offrant ainsi une porte de sortie aux utilisateurs avancés qui souhaiteraient peaufiner manuellement le résultat. Cela renforce également le message que la technologie est basée sur des outils réels et accessibles (Remotion), et non sur une solution propriétaire opaque.

Enfin, pour prouver la polyvalence et l'absence de "triche" (comme avoir pré-programmé Claude avec les informations de son agence), l'orateur lance une démonstration finale sur un cas d'usage neutre. Il donne à Claude le lien du site web d'une application de suivi de calories ("AI Calories") et lui demande de créer une vidéo de présentation en anglais. Claude, agissant en chef d'orchestre, analyse le nouveau site, en extrait le message clé, et génère une nouvelle vidéo avec voice-over. L'orateur note un biais intéressant : l'IA a partiellement réutilisé le style visuel (code couleur, animations) de la vidéo précédente, montrant l'influence du contexte de la conversation. Malgré cela, la vidéo est cohérente et professionnelle. Cette dernière démo valide l'ensemble du workflow et son applicabilité à n'importe quel site web ou projet, concluant sur une invitation à l'expérimentation personnelle.

---