video-shotcraft : ta vidéo produit montée par Claude Code

Une vidéo produit avec des mouvements de caméra, des coupes en rythme et du son, en général tu la confies à un motion designer. video-shotcraft propose de la confier à ton agent de code. Tu lui montres ton produit, il écrit la vidéo plan par plan.

Le dépôt a été créé le 19 juillet 2026 et affiche 8 394 étoiles sur GitHub au 13 septembre. C'est un skill : un dossier d'instructions et de fichiers que Claude Code ou Codex lisent pour apprendre un métier précis. Ici, le métier, c'est le motion design.

Concrètement, l'agent capture les vraies pages de ton produit, les anime avec des mouvements de caméra en fausse 3D, cale les coupes sur le rythme et ajoute des effets sonores. Le tout passe par Remotion, un outil qui transforme du code React en fichier vidéo MP4.

Pourquoi c'est utile

• Ton agent fait le montage. Tu décris ce que tu veux, en français, et il s'occupe du storyboard, de l'animation et du son.
• Les images viennent de ton vrai produit. L'agent lance ton site sur ta machine et capture les pages en haute définition, donc la vidéo montre ce que tes clients verront.
• Les réglages sont déjà trouvés. Chaque effet arrive avec son code, ses durées et ses courbes d'accélération (la manière dont un mouvement démarre puis freine).
• Un template pour aller vite. Ink Press, une promo de 36 secondes en 1920 × 1080, sert de base : l'agent y remplace captures, textes et couleurs par les tiens.
• Le film reste modifiable. Un éditeur dans le navigateur te laisse changer un texte, une couleur ou la durée d'un plan sans ouvrir le code.

Ce que contient le dépôt

Le cœur du projet, ce sont les « recettes de plans ». Une recette décrit un effet précis : à quoi il sert, son niveau d'énergie, sa durée conseillée, ses paramètres et les pièges déjà repérés. Le dépôt en compte 157, rangées en 10 familles : ouverture, titres, apparition d'interface, caméra, données, démonstration, transitions, rythme, effets de lumière et fin.

Chaque recette pointe vers un fichier de code Remotion déjà ajusté. C'est là que se joue la qualité : l'agent copie ce code et l'adapte à ton produit, en gardant les durées et les courbes qui ont été testées. Pour la série de 48 recettes ajoutée en août, l'auteur indique huit passes de revue image par image face à des vidéos de référence.

Pour choisir, ouvre la galerie en ligne : 214 aperçus animés, avec recherche, filtres et copie du nom des effets qui te plaisent. Le dépôt fournit aussi 149 effets sonores en 16 catégories, 5 musiques de fond, et des composants à copier, comme une caméra qui survole une page ou un compteur dont les chiffres défilent.

Les recettes ont été construites en étudiant des films officiels de marques comme Notion, Figma, Slack ou Raycast. L'auteur précise qu'il a recodé les mouvements de zéro, sans reprendre leurs images ni leurs logos.

Comment l'agent fabrique ta vidéo

Tu as trois façons de travailler. Avec le template Ink Press, l'agent garde la structure du film et remplace le contenu. En création autonome, il choisit seul le style, les plans et le son, puis enchaîne jusqu'au film fini. En co-création, il s'arrête pour te faire valider le brief, la direction visuelle, le choix des plans et le storyboard.

Si tu ne choisis pas de mode, il inspecte d'abord ton projet sans rien modifier, te recommande une option et attend ta réponse.

Hors template, le travail suit huit étapes. La direction visuelle se fixe sur des images fixes en HTML avant la moindre seconde de vidéo, parce qu'un changement de style coûte bien moins cher à ce stade. Couleurs et polices sont tirées de ton produit, pour que la vidéo lui ressemble.

Les captures suivent une méthode stricte : pages entières en double résolution, éléments découpés un par un, et un fichier qui note la position de chacun. C'est ce qui permet de zoomer dans une page sans que le texte devienne flou.

Pendant l'animation, l'agent sort une image fixe de chaque plan pour la contrôler, puis refait le rendu complet après chaque correction. À la fin, un second agent qui n'a pas suivi le travail regarde le film et note chaque défaut avec le numéro de l'image concernée.

Installer et lancer ta première vidéo

Le plus simple : colle le lien du dépôt à ton agent et demande-lui d'installer le skill. Il clone le projet et le range dans son dossier de skills. Tu peux aussi passer par la commande npx skills add Vincentwei1021/video-shotcraft, ou cloner le dépôt à la main.

Ensuite, tu parles normalement. « Utilise video-shotcraft pour faire une promo de mon produit avec le template Ink Press » suffit. Tu peux aussi nommer des effets repérés dans la galerie pour imposer certains plans.

Une fois le film livré, l'agent ouvre un éditeur local dans ton navigateur. Le film y est découpé en pistes (plans, transitions, sous-titres, sons). Tu changes un texte ou une couleur, tu raccourcis un plan, tu modifies sa vitesse, puis tu exportes. Un export vers JianYing, la version chinoise de CapCut, existe aussi, testé sur Mac uniquement.

À savoir avant de te lancer

Il te faut Claude Code ou Codex, Node.js, et un accès à ton produit. L'idéal, c'est le projet lancé sur ta machine, pour que l'agent capture ses pages lui-même. Le dépôt vise d'abord les vidéos de sites web et de logiciels de bureau. Pour une vidéo narrée, l'auteur a publié un dépôt séparé, video-talkcraft.

Remotion a sa propre licence, distincte de celle du dépôt (Apache 2.0). D'après remotion.dev, il est gratuit pour un particulier, une entreprise de 3 personnes maximum ou une association. Au-delà, il faut une licence entreprise payante : la formule pour créer des vidéos est affichée à 25 dollars par mois et par siège.

Compte aussi du temps. Chaque correction relance un rendu complet, image par image (1 085 images pour les 36 secondes du template), et tout ce travail d'agent consomme l'usage de ton abonnement. Sur un petit serveur Linux sans écran, l'auteur documente trois réglages pour que le rendu passe.

Deux derniers détails. Les instructions internes du skill sont surtout écrites en chinois : ton agent les lit sans souci, toi tu passeras par le README en anglais. Et l'auteur signale lui-même quelques sons dont il n'a pas retrouvé l'origine exacte, à vérifier avant un usage commercial.

Pour qui c'est

• Fondateur de SaaS ou d'app web : tu sors une vidéo de lancement à partir de ton vrai produit, sans briefer une agence.
• Créateur de contenu tech : tu reprends des effets précis de la galerie pour tes démos et tes tests d'outils.
• Petite équipe produit : chaque nouvelle fonctionnalité peut avoir sa courte vidéo, avec un style qui reste cohérent d'une sortie à l'autre.
• Freelance qui fait des vidéos pour ses clients : tu pars de réglages testés à chaque projet. Vérifie juste la licence Remotion qui s'applique à ta situation.

Bottom line

video-shotcraft apporte à ton agent une méthode de motion design complète : des recettes réglées, un contrôle à chaque plan et une relecture par un agent neuf à la fin. Si tu utilises déjà Claude Code ou Codex, c'est un raccourci sérieux vers une vidéo produit propre. Commence par le template Ink Press, que l'auteur présente comme le chemin le plus rapide et le plus fiable. Tout est ici : github.com/Vincentwei1021/video-shotcraft, avec le lien vers la galerie pour choisir tes effets avant de lancer ton agent.