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
Du montage html. T'as fait ma journée 🤣🤔
AUDIO OTROS IDIOMAS MERCI
Un jour tu feras une video avec le titre, "J'ai laissé Claude penser pour moi et le résultat est fou !"
Excellente cette vidéo
Ca va tellement vite... mieux attendre la version où il fait tout lui même.
Waouh, la star vient de passer dans le 13h de TF1 ! Bonne continuation. ❤
carré comme tutoriel merci
C'est vraiment ouf quand même. Mais pour l'instant ça reste tout de même très long à faire j'ai l'impression. Aucun doute que ça va être de plus en plus performant
Et l'étalonnage ? la Musique ? le mixage son ?
C'est un début, mais le prix coût token VS celui d'autres applications comme Canva pour un usage frequent ça pose question, surtout que là sur cet exemple le gain de temps n'est pas extraordinaire.
FINI les designer de Scene de Stream pour OBS, Tik Tok Studio... Ca va etre extremement facile de pouvoir creer des Scene a la voler pour du cas par cas, et en plus ca serais responsive, donc facilement adaptable en plusieurs résolution...
intéressant mais pour quelqu'un qui edit bien et vite je pense tu perds trop de temps avec ca non ? ca a l'air d'etre hyper complexe
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.
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
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
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.
C’est exactement ce que je cherchais… y’a aussi remotion qui est gratuit comme tu dis dans la video
C’est extremement interessant !! Où peut on être former sur Claude et ses skills ?
Vraiment PASSIONNANT 👏 question : est-ce limité à Claude Code ou est-ce que ça peut marcher avec Claude Cowork ?
merci pour le partage