Motion design avec Claude : exemples, skills et prompts (2026)

Claude fait du motion design (motion graphics) en code : typographie animée, graphiques et logos, rendus en MP4. Dans Claude Motion (Team, Enterprise) ou avec un skill de motion design dans Claude Code, Codex ou Cursor.

Forfaits et fonctions de Claude Motion d’après l’article d’aide et la page des tarifs d’Anthropic, vérifiés pour la dernière fois le 29 octobre 2026. Ce site est indépendant et n’est pas affilié à Anthropic.

Ce que veut dire « Claude motion graphics »

Le motion design, c’est du graphisme animé : des mots, des chiffres, des formes, des icônes et des logos qui bougent, plutôt que des images filmées. Claude y excelle pour une raison simple : il écrit du code, et les motion graphics peuvent s’écrire en code. Une animation est une page HTML dont le texte, les graphiques et les formes changent au fil du temps ; un moteur de rendu la lit image par image dans un navigateur et enregistre les images sous forme de vidéo.

Il y a trois façons de créer des animations avec Claude :

1. Claude Motion, la bêta d’Anthropic dans claude.ai sur les forfaits Team et Enterprise. Vous décrivez une courte vidéo explicative animée, joignez votre propre rapport, vos données ou vos images, la modifiez dans la conversation et exportez un MP4. Ce n’est pas un modèle de génération vidéo : pas d’images filmées générées, pas de personnes générées par l’IA. Les détails sont dans le guide Claude Motion.
2. Un seul prompt à Opus 5.5, dans une conversation ou dans Claude Code, pour demander une animation sous forme de page HTML, Canvas ou Three.js. La plupart des clips « Claude motion » partagés sur X sont faits ainsi. Le résultat change d’une exécution à l’autre, et c’est à vous d’enregistrer ou de rendre la page.
3. Un skill dans votre agent de code. Un Claude Skill est un dossier d’instructions et de fichiers que Claude Code (ainsi que Codex, Cursor ou Gemini CLI) charge quand une demande correspond. Un skill de motion design indique à l’agent comment planifier le film, quel look utiliser, comment vérifier chaque image et comment rendre le MP4 : vous obtenez la même qualité à chaque fois.

Exemples de motion design avec Claude

Faits avec nos skills

Chaque film ci-dessous a été réalisé et rendu par un agent de code avec l’un de nos skills, à partir de vraie matière, avec une musique originale. Lancez la lecture pour le son.

Des looks à l’unité, chacun rendu pour un produit fictif :

Faits dans Claude Motion, partagés sur X

De vrais résultats de Claude Motion publiés par leurs auteurs. Chaque carte ouvre la vidéo, son auteur et la publication d’origine.

Faits avec un seul prompt à Opus 5.5

Des animations qu’Opus 5.5 a écrites de zéro en une seule page HTML, à partir d’un seul prompt et sans skill.

D’autres encore, classées par univers et par méthode : la galerie Claude Motion.

Des Claude Skills pour le motion design

Un skill de motion design fait la différence entre « Claude, anime-moi ça » et un film que vous pouvez publier. Il apporte le look, les règles de rythme, les vérifications et le rendu, pour que votre agent ne reparte pas d’une page blanche à chaque fois. Les nôtres existent en deux tailles.

Les looks à l’unité font une seule tâche dans un seul style, de quelques secondes à une demi-minute : un titre, un logo animé, un lancement façon impression ou plan technique, une idée en papier découpé ou au tableau blanc. Chacun coûte $4.90, ou tous sont inclus avec un forfait.

Les skills film complet font un film entier d’un type donné, avec plusieurs styles intégrés : titres et transitions pour votre montage, intro de marque, vidéo de données, vidéo explicative, format court vertical ou carte pour les réseaux.

Tous les skills sont dans la boutique de skills. Pour essayer d’abord, Motion Director est gratuit avec une connexion Google et fait un film de 10–20 secondes de n’importe quel type, en typographie animée, en histoire de données ou au tableau blanc.

Comment faire du motion design avec Claude Code ou Codex

Il vous faut un agent de code (Claude Code avec Pro ou Max, Codex, Cursor ou Gemini CLI), Node.js 22 ou plus récent, FFmpeg et Google Chrome. Pas de clé d’API.

1. Installez le skill en une phrase. Ouvrez votre agent dans un dossier et collez :

   Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.
   

   L’agent lance une commande, npx motion-skills install motion-director ; la première fois, vous vous connectez avec Google dans votre navigateur.

2. Dites à quoi sert la vidéo et montrez votre matière. Par exemple : « Un générique de 15 secondes en 16:9 pour notre vidéo produit, à partir des notes de la 2.0 dans CHANGELOG.md. Nos couleurs sont dans brand.css. » Le skill liste chaque mot et chaque chiffre qu’il affichera, avec sa provenance.

3. Validez l’image clé. Avant de construire quoi que ce soit, il choisit un style et une palette et vous montre une image. Une image se change plus vite qu’un film.

4. Laissez-le construire, vérifier et composer. Il écrit l’animation en HTML et GSAP, regarde ses propres images, vérifie chaque ligne par rapport à vos sources et compose une musique originale.

5. Demandez des changements avec vos mots. « Garde le logo plus longtemps », « prends notre vert ». Il change ce moment-là et refait le rendu.

6. Récupérez le fichier. Un MP4 à publier, ou un MOV avec transparence à poser sur vos images dans votre logiciel de montage ; GIF et WebM aussi.

Dans Codex, le même skill se range dans ~/.agents/skills/, dans Cursor dans .cursor/skills/ ; le guide d’installation le place là où votre agent le cherche. Chaque étape, avec un vrai film du brief à la dernière révision : Comment faire une vidéo avec Claude Code. Pour les autres agents : Faire des vidéos avec Codex, Cursor ou Gemini CLI.

Prompts de motion design pour Claude

Si vous préférez écrire un prompt plutôt qu’installer un skill, la page des prompts Claude Motion propose des prompts de style avec aperçus, chacun indiquant où il s’exécute : prompts pour Claude Motion et prompts pour Opus 5.5. Un bon prompt de motion graphics dit qui regarde et où, quelle durée, quel contenu utiliser et comment la vidéo se termine. Pour Claude Motion, par exemple :

Fais un titre en typographie animée de 15 secondes en 16:9 pour [qui va regarder, p. ex. les spectateurs de notre vidéo produit sur YouTube]. Utilise uniquement ces mots : [votre titre, p. ex. « Livrez plus vite »], [votre sous-titre, p. ex. « Version 2.0 »]. Un mot par temps, nos couleurs [p. ex. noir et vert citron], pas d’images de banque. Termine sur le titre, tenu deux secondes.

Remplacez les [crochets] par vos propres mots. Un skill demande moins : votre matière et une phrase, car le reste est dans le skill.

Questions fréquentes

Claude peut-il faire du motion design ?

Oui. Claude écrit les motion graphics sous forme de code (texte animé, graphiques, formes et logos), et ce code est rendu en vidéo. Dans Claude Motion, sur Team et Enterprise, vous exportez un MP4 depuis claude.ai ; dans Claude Code, Codex ou Cursor, un skill de motion design rend le MP4 sur votre ordinateur.

Existe-t-il un Claude Skill pour le motion design ?

Oui. Les skills de motion design sont des dossiers d’instructions et de fichiers que votre agent de code charge, comme nos looks à l’unité (titres en typographie animée, logos animés, lancements) et nos skills film complet (titres et transitions, intros de marque, vidéos de données). Motion Director est gratuit avec une connexion Google.

Faut-il Claude Motion pour créer des animations avec Claude ?

Non. Claude Motion est une bêta réservée aux forfaits Team et Enterprise. Sur Pro ou Max, Claude Code avec un skill de motion design fait le même type d’animation et la rend sur votre ordinateur ; sur le forfait gratuit, utilisez le skill dans Codex, Cursor ou Gemini CLI.

Puis-je utiliser le résultat dans Premiere, Final Cut ou CapCut ?

Oui. Les skills rendent un MP4, ou un MOV avec transparence pour les titres, les bandeaux et les logos animés à poser sur vos propres images. GIF et WebM sont aussi disponibles.

Combien ça coûte ?

Motion Director est gratuit. Chaque look à l’unité ou skill film complet coûte $4.90, ou tous les skills sont inclus avec un forfait : $9.90 par mois, $79 par an ou $169 une seule fois pour le pass fondateur à vie. Il n’y a pas de crédits ; la seule consommation est celle de votre agent.

Claude peut-il faire du motion design avec des images filmées réalistes ou des personnes ?

Non. Claude Motion ne génère ni images filmées ni personnes, nos skills non plus : ils animent du texte, des graphiques, des formes, vos captures d’écran et vos photos. Pour des plans filmés, tournez-les et ajoutez le motion design par-dessus.

Pour aller plus loin

• Claude peut-il créer des vidéos ? : ce que Claude sait faire ou non, et les trois façons d’y arriver.
• Qu’est-ce que Claude Motion ? et Claude Motion : accès et tarifs.
• HyperFrames ou Remotion, les deux grands moteurs de vidéo écrite en code.
• Alternatives à Claude Motion, des frameworks de code aux applications web.

Claude est une marque d’Anthropic, PBC. Les vidéos de la galerie appartiennent à leurs auteurs.