Aujourd'hui on plonge dans HyperFrame de A à Z pour comprendre comment transformer une simple vidéo brute en un montage professionnel avec animations, sous-titres et habillage, le tout sans toucher à After Effects ou Final Cut. → 🎥 Le résultat final : https://www.youtube.com/shorts/smQ90TW1MGo → 📅 S'inscrire en liste d'attente de mes workshops privés https://sharma.fr/masterclass-privees → 🔗 Mon article pas à pas sur Claude Design https://shubham-sharma.fr/articles/claude-design-guide-complet/ Ce que vous allez comprendre dans cette vidéo, c'est comment les agents IA comme Claude Code peuvent faire du motion design à votre place, et comment structurer un workflow pour publier plus vite sans perdre en qualité. On commence par découvrir le principe génial derrière HyperFrame (du HTML/CSS transformé en MP4 grâce à GSAP), puis on explore le studio intégré qui ressemble à un vrai éditeur type After Effects. Ensuite on passe à la pratique avec un cas concret : une vidéo Instagram filmée en live, qu'on monte ensemble avec Claude Code et HyperFrame. Sous-titres animés, overlays dynamiques, screenshots qui scrollent, barre de progression, design system aux couleurs de Claude pour rester on-brand. On termine avec les bonnes pratiques pour Instagram Reels (dead zones, rendu MP4) et les vrais résultats sur les réseaux. 00:00 Introduction 01:37 Comment fonctionne HyperFrame 04:46 Aperçu de l’interface 07:36 Configuration du projet 10:13 Ajout de sous-titres et d’éléments superposés 15:33 Édition avancée et amélioration 18:08 Rendu et résultats finaux Si vous voulez aller plus loin, le plus important n'est pas l'outil mais la méthode. C'est exactement ce qu'on applique ici. MES AUTRES COMPTES: 🌍 Mon site web - https://www.sharma.fr/ 👨💻 Linkedin - https://www.linkedin.com/in/sharmashubham1/ 📱 TikTok - https://www.tiktok.com/@shubhamnocode 🐦 Twitter - https://twitter.com/shubham_nocode 📸 Instagram - https://instagram.com/shubham_nocode
ADVERTISEMENT
Pour l'instant tu passes tellement de temps à corriger ce qui ne convient pas dans les résultats fournis par ces outils que t'as plus vite fait de le faire toi-même sur after. Sans compter qu'il est hautement fantaisiste d'imaginer pouvoir répondre au cahier des charges graphique d'un client, sans passer sa journée à faire des prompts pour produire un élément qu'il sera quasi impossible de corriger proprement en cas de besoin. et même pour son compte perso, à par quelques petits éléments à la marge, on perd trop de temps à tenter de "déléguer" sa créativité à un outil qui ne l'est pas. perdez pas de temps, apprenez after effect.
Salut super vidéo, cependant je trouve que tu devrais plus prendre le temps de montrer comment tu setup tout ça. Par exemple on a du mal à comprendre comment tu lui donne la vidéo (comment il y a accès), j'ai du regarder les lignes de code pour capter qu'elle était dans le dossier de travail. Ensuite j'ai du mal à comprendre si il faut absolument l'app HyperFrame et comment Calude Code intéragit avec elle : est ce que c'est du contrôle de souris/clavier ? Ou bien il y a une réelle API/MCP ? Ensuite j'ai du mal à croire que Claude Code puisse lire un .mp4 et en déduire les sous titre : est-ce une réalité ou bien il y a un skill derrière ? Merci d'avance !
je monte ce genre de video plud vite avec capcut et sans utilisé de token monstrueux
Quel sujet pour la prochaine vidéo ?
Remotion c'est un délire aussi ! Personne sait vraiment l'utiliser, mais je vous garanti que des qu'on sait, ça pète
Une des questions importantes, c'est combien de crédits ça use, parce que si on bouffe tout son quota pour une seule vidéo, c'est pas trop rentable. C'est un peu le souci avec ces supers outils. 🎉
Dingue ! Toutefois, ça consomme combien cette histoire encore... c'est un coup à flinguer tes 5h en 5 minutes 😅
Spoiler: ton montage n'est pas ouf
Bonjour shubham ce genre d'opération te reviens à combien par vidéo ?
Très sympa d’avoir un projet plutôt que juste une explication 👍
10 % des vues font des likes. Les gens sont des radins😂
Perso, j'aime bien ce genre de vidéo où tu montres l'utilisation dans un cas concret 👍 Je te conseille en fin de session avec l'agent HyperFrame, de lui demander de faire un fichier Markdown dans lequel il note tous les éléments qui font de cette vidéo celle que tu veux (la position des sous-titres, la barre de temps, etc...). Pour la prochaine génération, tu économiseras beaucoup de temps.
ça va nous faire drôle quand Claude Code sera facturé à son juste prix c'est à dire 4, 5, 6k par mois. Plus personne ne sera capable de faire quoi que ce soit ou le financer.
Rip les monteurs video je suppose..😅
Merci pour cette vidéo. Faut vraiment être en place et être sûr d'avoir des revenus pour pouvoir se permettre de mettre en place ce Workflow! Ça revient beaucoup beaucoup trop cher sans garantie
Pour ceux qui demandent combien ça consomme : vous pouvez regarder dans la statusline de sa session Claude Code sa fenêtre de contexte qui se remplit ça donne une indication, je dirai a peu près 200k tokens pour cette session.
Tu as tellement de bons sujets que moi je me demande si tu pouvais faire un accompagnement en vibe coding pour vraiment bénéficier de ton savoir. Et à vrai dire cela fait longtemps que pensais à te le dire
Je pense qu'il faut faire un fichier de cadrage des le début du projet. Un pour Instagram par exemple pour reproduire par la suite. Entrer dans claude code parfois c'est contre productif et tokenovore
Grande maitre Jedi tu as remplacé combien de potes free-lances en automatisant ? Tu as et es toujours un go to sur ces sujets, mais je voulais avoir ton retour de terrain Je me rends compte que je demande plus à mes collègues et partenaires alors que le raccourci que j’entends et vois c’est ia/automatisation = je réduis l’humain. Merci et super cool que tu doubles d’efforts sur la chaîne
Le montage vidéo par IA devient de plus en plus abouti, c'est bluffant. Mais c'est encore loin d'être parfait ... J'espère vraiment que ça va se concrétiser. Je construis BlitzReels, un agent IA de montage vidéo mais je n'arrive pas à avoir une puissance de LLM équivalente à un Claude Code local sans payer une blinde en frais API