hyperframes
heygen-com · Apache-2.0 · 60 170 étoilesÉcrivez du HTML, obtenez de la vidéo. Une timeline navigable, des images déterministes et un studio de montage. Le moteur sur lequel MotionKit est construit.
Répertoire · vérifié le 10 octobre 2026
Des skills de motion open source pour Claude Code et Codex
Inutile de payer quelqu'un pour réaliser une vidéo avec un agent de code. Voici les projets open source à connaître, leurs points forts et la licence sous laquelle ils sont distribués.
Ces projets sont indépendants et appartiennent à leurs auteurs. MotionKit n'est affilié à aucun d'entre eux et n'inclut pas leur code. Nous les citons parce qu'ils sont excellents. Le nombre d'étoiles et les licences sont ceux affichés sur GitHub le 10 octobre 2026 ; consultez le dépôt avant de vous y fier.
Moteurs
Les moteurs de rendu qui transforment du code en vidéo. La plupart des skills ci-dessous s'appuient sur l'un d'eux.
remotion
remotion-dev · Remotion License · 63 004 étoilesCréez des vidéos avec des composants React. Sa licence est spécifique : gratuite pour les particuliers et les petites équipes, payante pour les grandes entreprises. Lisez donc les conditions avant tout usage commercial.
Styles éditorial et explicatif
Textures papier, découpages et rythme de documentaire.
vox-explainer-skill
CK42BB · MIT · 110 étoilesUn skill Claude Code qui part d'un sujet et produit une vidéo explicative de style éditorial : script, images clés, animation, voix off et musique.
vox-style-animation
Cele-san · MIT · 2 étoilesUn style de motion design éditorial sous forme de pack de style HyperFrames, avec une méthode pour intégrer un style dans votre propre pack.
Leslie-vox-style.skill
Ai-Leslie · MIT · 0 étoileDes skills Codex pour la narration documentaire, le collage éditorial et le motion design de type vidéo explicative.
motion-skill
LunaAI519 · MIT · 0 étoileTransforme une image de référence en court métrage rétro façon scrapbook, en utilisant des modèles d'image et de vidéo pour les images. Inclut une vérification des droits d'auteur. Documentation en chinois.
Animation dessinée à la main et de personnages
Quand un schéma doit avoir un aspect dessiné à la main, ou qu'un personnage doit jouer.
ClaudeAnimationBase
JohnHeibel · MIT · 1 000 étoilesUn kit de démarrage pour l'animation de dessin animé peinte à la main avec p5.js : un personnage avec 31 émotions jouées et un guide pour le modèle.
HandDraw-Skill
ToBeWin · MIT · 3 étoilesUn moteur vidéo déterministe au rendu dessiné à la main, basé sur SVG, Remotion et FFmpeg : des explications sur tableau blanc tracées trait par trait.
Vidéos produit et de lancement
Recettes de plans, storyboards et formats promotionnels.
video-shotcraft
Vincentwei1021 · Apache-2.0 · 11 138 étoilesDes vidéos produit cinématographiques avec Remotion pour Claude Code et Codex : une vaste bibliothèque de fiches de recettes de plans et d'aperçus de mouvement.
make-awesome-video
NewTurn2017 · MIT · 4 étoilesUn workflow de réalisation pour les vidéos de lancement : analyser des références, écrire trois storyboards, créer des images fixes, effectuer le rendu, puis donner des notes de réalisateur.
brewreel
Finderchangchang · Apache-2.0 · 161 étoilesDes vidéos promotionnelles au format portrait à partir d'un brief produit, conçues pour fonctionner avec des modèles à faible coût. Recettes par secteur et vérification de conformité publicitaire. Documentation en chinois.
html-animation
acelera-agency · MIT · 9 étoilesLogos animés, typographie cinétique et vidéos de marque au pixel près, dans un seul fichier HTML, puis exportés en vidéo.
Principes et briques de base
Pas un style, mais le savoir qui fait bien bouger n'importe quel style.
motion-design-skill
LottieFiles · MIT · 2 075 étoilesDes principes de motion design écrits pour les agents IA : timing, easing, chorégraphie et principes classiques de l'animation adaptés aux interfaces.
skills
VideoZero · Apache-2.0 · 73 étoilesUne collection de skills pour la génération vidéo structurée, de type schéma, basée sur Motion Canvas.
Comment choisir
- Vous voulez un style précis ? Commencez par un skill de style des groupes éditorial ou dessiné à la main.
- Vous voulez comprendre le métier ? Lisez d'abord le skill des principes de motion design. Il améliore tout le reste.
- Vous créez votre propre outil ? Choisissez un moteur. HyperFrames est du HTML pur et sous Apache-2.0 ; Remotion est du React avec sa propre licence.
Où se place MotionKit
MotionKit est un pack payant qui s'ajoute à HyperFrames. Vous payez pour ce que l'open source n'offre pas gratuitement : 24 styles finalisés avec un exemple complet chacun, des présentations interactives et du PowerPoint à partir du même contenu, des crédits de voix off et des liens de partage hébergés. Si les projets gratuits ci-dessus répondent à votre besoin, utilisez-les.
Vous connaissez un projet qui a sa place ici ? Écrivez à support@motionforclaude.com.
Créez votre première vidéo animée dès ce soir
Une seule commande, puis donnez un document à votre agent.