Vidéo avec Claude Code : HyperFrames ou Remotion

Claude Code n'est pas un logiciel de montage. C'est l'agent qui écrit le fichier, lance la commande, et s'arrête si vous lui avez dit de s'arrêter. HyperFrames et Remotion sont les moteurs. OpenMontage est un dépôt qui les appelle dans un pipeline, au lieu de vous laisser choisir la commande à la main.

Le comparatif HyperFrames ou Remotion dit lequel prendre. Ici, c'est l'ordre des gestes.

Avant la première commande

Fixez quatre choses, par écrit, avant d'ouvrir l'agent.

La durée. Dix secondes, pas « une intro ». Le format. 16:9 si la vidéo va sur YouTube en paysage. Le texte exact à l'écran. Une phrase que vous avez validée, pas une phrase que l'agent invente en même temps que l'animation. Le dossier de travail. Un dossier vide, pas le dépôt du site.

Sans ces quatre lignes, le skill fait une vidéo. Elle n'est juste pas la vôtre.

HyperFrames, depuis Claude Code

Le README de heygen-com/hyperframes, lu le 1er novembre 2026, donne deux installations.

Le plugin :

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

Puis, dans Claude Code, /plugin, marketplaces, hyperframes, auto-update. La commande de travail citée est /hyperframes:hyperframes.

L'autre chemin, skills seuls :

npx hyperframes skills update

Le README dit que cette commande installe le noyau : /hyperframes, /hyperframes-cli, /hyperframes-registry, /media-use. Les skills /figma, /slideshow et /remotion-to-hyperframes s'installent à la demande. Node.js 22 et FFmpeg sont requis pour le rendu manuel :

npx hyperframes init my-video
cd my-video
npx hyperframes preview
npx hyperframes render

Le prompt d'exemple du README demande une intro de 10 secondes, un titre en fondu, une vidéo de fond, une musique discrète, en passant par /hyperframes. Copiez la structure, pas le sujet. Le détail des skills est dans prompts et skills vidéo.

Remotion, depuis le même agent

La doc remotion.dev/docs, lue le même jour, propose :

npx create-video@latest --yes --blank my-video
cd my-video
npx remotion skills add
npm run dev

Les skills s'installent aussi avec npx skills add remotion-dev/skills. La doc les destine à Claude Code, Codex, Cursor et d'autres agents. Node 16 ou Bun 1.0.3 au minimum. macOS 15 ou plus récent. Sous Linux, libc 2.35 et des paquets supplémentaires. Alpine et nixOS ne sont pas pris en charge, d'après cette page.

npm run dev ouvre Remotion Studio. Vous voyez la frame. Vous ne publiez pas depuis l'aperçu.

L'API GitHub, le 1er novembre 2026, ne renvoie pas un identifiant SPDX unique pour remotion-dev/remotion (NOASSERTION). Ouvrez le fichier LICENSE avant de réutiliser le code dans un produit.

OpenMontage, si vous voulez le pipeline

Le dépôt canonique est calesthio/OpenMontage, licence AGPL-3.0, poussé le 28 octobre 2026. Le README dit de cloner, puis make setup, puis d'ouvrir le dossier dans Claude Code (ou Cursor, Copilot, Codex, Windsurf). Le contrat à lire en premier est AGENT_GUIDE.md.

Le même README dit qu'OpenMontage choisit Remotion ou HyperFrames au moment de la proposition, et verrouille ce choix dans render_runtime. Remotion pour un explainer chiffré. HyperFrames pour un habillage HTML. Ce n'est pas une mesure Vibarche. C'est la phrase du dépôt.

Les chiffres du README (nombre de pipelines, d'outils, de skills) bougent d'une phrase à l'autre dans les forks. Je ne les reprends pas. Le dépôt canonique prime sur un fork.

Quel format de page écrire ensuite

Un tutoriel comme celui-ci tient une installation. Un guide tient un choix. Une note de blog tient un changement de commande. Le détail est dans quel type de page pour une vidéo d'agent.

Sources

README HyperFrames, documentation Remotion, skills Remotion, calesthio/OpenMontage. Lecture du 1er novembre 2026. Les commandes peuvent changer : relisez-les avant de les coller dans une procédure d'équipe.