Motion design avec Claude Code : mes 2 prompts pour gagner de l’argent

Ces deux vidéos animées, je les ai faites avec Claude Code, sans After Effects et sans savoir animer. La première présente ma marque et mes réseaux. La deuxième est un concept de pub pour l’application mobile d’une banque, UBA. Le motion design te sert donc deux fois : pour te mettre en valeur, et pour vendre des vidéos aux entreprises.

Dans ce bloc, je te montre tout : le storyboard que Claude a préparé avant d’animer, les 2 prompts exacts en version à remplir, et les messages que j’ai envoyés pour corriger le résultat. Et pour aller plus loin, la formation complète est disponible.

Le motion design, c’est quoi ?

Le motion design, c’est l’art d’animer du texte, des formes, des logos et des écrans pour faire passer un message en quelques secondes. C’est ce que tu vois dans les pubs d’applications, les intros YouTube ou les Reels des marques. Jusqu’ici, il fallait des années de pratique sur un logiciel d’animation. Aujourd’hui, tu décris la vidéo à Claude Code, il écrit l’animation, et HyperFrames la transforme en vrai fichier vidéo MP4.

Tu ne dessines rien. Tu diriges : tu dis ce que tu veux voir, Claude l’anime.

La vidéo complète : je crée une animation 3D en 1 prompt

Si tu préfères regarder avant de lire, voici le tuto complet sur ma chaîne YouTube, du premier prompt jusqu’à la vidéo finale.

Ce qu’il te faut (une seule fois, 10 minutes)

• Un abonnement Claude, Pro ou Max : c’est ce qui fait tourner Claude Code (voir les offres)
• Node.js, version 22 ou plus : il fait tourner HyperFrames
• HyperFrames, gratuit et open source : c’est lui qui transforme l’animation en vidéo MP4
• FFmpeg, pour fabriquer le fichier vidéo
• Facultatif : un compte ElevenLabs pour la musique et les effets sonores. Sans lui, la vidéo sort sans son

# 1. Claude Code — Mac ou Linux :
curl -fsSL https://claude.ai/install.sh | bash
# 1. Claude Code — Windows (PowerShell) :
irm https://claude.ai/install.ps1 | iex

# 2. HyperFrames (les compétences vidéo de Claude Code) :
npx skills add heygen-com/hyperframes --all

# 3. FFmpeg — Mac :
brew install ffmpeg
# 3. FFmpeg — Windows :
winget install ffmpeg

# 4. Vérifie que tout est prêt :
npx hyperframes doctor

Pour lancer une vidéo : crée un dossier vide, ouvre ton terminal dedans, tape claude, puis colle le prompt.

Prompt 1 · Pour toi : présente ta marque et tes réseaux

Avant d’animer quoi que ce soit, Claude a décortiqué une vidéo de référence plan par plan, puis il m’a proposé ce storyboard : 12 plans dessinés, avec le texte, le mouvement et le son de chacun. Je l’ai validé avec une seule correction : le chiffre mis en avant ne devait pas être « 412 J’aime », mais « +10 000 followers ».

Et voici la vidéo finale, 22 secondes au format Reels :

Prépare avant de commencer :

• une vidéo d’inspiration : un motion design que tu aimes, téléchargé ou en lien
• ta photo de profil ou ton logo
• des captures d’écran de tes profils (YouTube, TikTok, LinkedIn…)
• tes vrais chiffres : abonnés, vues

Je veux créer une vidéo motion design (une animation) qui présente ma marque personnelle et mes réseaux sociaux. Utilise HyperFrames (/hyperframes) pour la fabriquer.

ÉTAPE 1 — Analyse d'abord ma vidéo d'inspiration
Voici la vidéo dont je veux m'inspirer : [CHEMIN DU FICHIER OU LIEN DE LA VIDÉO]
Avant de créer quoi que ce soit, décortique-la plan par plan : les astuces d'animation, le style (couleurs, polices, rythme, transitions, son) que tu peux reproduire. Ensuite, dis-moi exactement quels éléments je dois te fournir et crée un dossier où je vais les déposer.

ÉTAPE 2 — Ma vidéo
- Qui je suis : [TON NOM], [CE QUE TU FAIS EN UNE PHRASE]
- Mon logo : [ma photo de profil OU mon logo], fichier : [CHEMIN DU FICHIER]
- Mes réseaux, dans cet ordre :
  - [RÉSEAU 1] : [@TON PSEUDO], [NOMBRE D'ABONNÉS]
  - [RÉSEAU 2] : [@TON PSEUDO], [NOMBRE D'ABONNÉS]
  - [RÉSEAU 3] : [@TON PSEUDO], [NOMBRE D'ABONNÉS]
- Les captures d'écran de mes profils sont dans : [DOSSIER]. Si une appli n'a pas de mode sombre, adapte la capture au style de la vidéo.
- Le chiffre à mettre en avant (la grosse révélation) : [EX. +10 000 ABONNÉS SUR TOUS MES RÉSEAUX]
- Mon appel à l'action final : [EX. MON SITE / « ABONNE-TOI » / LIEN EN BIO]
- Les couleurs de ma marque : [TES COULEURS, ex. fond bleu nuit + orange]. Si je n'en ai pas, propose-m'en.

ÉTAPE 3 — Format et son
- Format : [Reels/TikTok vertical 9:16, 1080x1920], durée : [20 À 25 SECONDES]
- Pas de voix off : une musique énergique + un effet sonore doux sur chaque animation. Génère-les avec ElevenLabs (je te donne ma clé API quand tu me la demandes).

RÈGLES
- N'invente aucun chiffre ni aucune capture : utilise uniquement ce que je te donne.
- Avant le rendu final, montre-moi le storyboard (plan par plan) et ouvre l'aperçu HyperFrames pour que je regarde.
- Livre-moi le fichier MP4 final.

Prompt 2 · Pour une entreprise : une pub à ses couleurs

Pour une entreprise, la règle change : on ne devine rien. Avant la moindre animation, Claude est allé chercher la charte d’UBA dans des sources publiques : le logo officiel, le rouge exact (#D51709), la police de leur site, leurs visuels sur les réseaux, et le détail qui les rend reconnaissables, un fil rouge qui traverse leurs images. J’ai validé ces choix, et c’est seulement ensuite que la vidéo a été créée.

Le résultat : 20 secondes aux vraies couleurs de la banque, avec l’application mise en scène dans un téléphone en 3D.

Prépare avant de commencer :

• le nom de l’entreprise, son site et ses pages (Instagram, Facebook, LinkedIn, YouTube)
• ce que tu veux mettre en avant : son appli, une offre, un produit
• une vidéo d’inspiration pour le style

Je veux créer une vidéo motion design pour une entreprise que je veux démarcher comme cliente : [NOM DE L'ENTREPRISE] ([SECTEUR], [PAYS]). Utilise HyperFrames (/hyperframes) pour la fabriquer.

ÉTAPE 1 — Construis d'abord son identité de marque (avant toute vidéo)
Va sur internet et récupère tout ce que tu peux sur la marque :
- son site : [ADRESSE DU SITE]
- ses réseaux : [LIENS INSTAGRAM / FACEBOOK / LINKEDIN / YOUTUBE / TIKTOK]
- sa charte graphique si elle est publique (cherche « brand guidelines » ou « charte graphique »)
Fais des captures, note les vraies couleurs (codes hex), les polices, le logo, le ton, la façon dont ils font leurs visuels, et le détail visuel qui les rend reconnaissables. Range tout dans un dossier « brand-kit » et montre-moi une planche de marque à valider. Si une page te demande une connexion, dis-le-moi.

ÉTAPE 2 — La vidéo
- Sujet : [CE QUE TU METS EN AVANT, ex. leur application mobile / leur nouvelle offre / leur carte]
- Message principal : [EX. « GÉREZ VOTRE ARGENT OÙ QUE VOUS SOYEZ »]
- Phrase finale : [LEUR SLOGAN OFFICIEL]
- Vidéo d'inspiration pour le style : [CHEMIN DU FICHIER OU LIEN]
- Style : une intro très dynamique (un point qui explose, la couleur de la marque envahit l'écran, le logo claque, puis de gros mots un par un sur le rythme), ensuite un téléphone en 3D qui montre les écrans de l'appli, des cartes d'interface qui flottent, un chiffre clé, et un écran final logo + slogan.
- Format : [vertical 9:16, 1080x1920], durée : [20 SECONDES]
- Langue des textes : [FRANÇAIS / ANGLAIS]
- Son : pas de voix, une musique énergique + un effet sonore sur chaque animation (ElevenLabs).

RÈGLES
- Utilise uniquement les vraies couleurs, polices et infos de la marque. N'invente aucune offre ni aucun chiffre : si tu n'es pas sûr, demande-moi.
- Écris « Concept » en petit sur l'écran final : c'est une proposition, pas une pub officielle.
- Montre-moi le storyboard avant le rendu, ouvre l'aperçu HyperFrames, puis livre le fichier MP4.

Les retours qui marchent, après la première version

Regarde la vidéo, puis réponds simplement à Claude. Voici les vrais messages que j’ai envoyés :

• « L’intro est ennuyeuse. Fais quelque chose de plus dynamique, avec un son plus dynamique. »
• « Le chiffre mis en avant ne doit pas être X, ce doit être Y. »
• « Utilise ma photo comme logo. Le format, c’est Reels. »
• « Maintenant, génère la musique et les effets sonores avec ElevenLabs. »
• « Fais 3 autres vidéos pour cette entreprise avec une voix off qui présente leurs offres, et plus d’animations 3D de téléphone. »

Comment gagner de l’argent avec le motion design

• Pour toi : ta vidéo te présente mieux que n’importe quelle bio. Mets-la sur tes réseaux, ton site et tes offres
• Pour les entreprises : choisis une marque avec laquelle tu veux travailler, fais-lui un concept avec le prompt 2, puis envoie-le-lui (message privé, e-mail ou LinkedIn) en proposant d’en faire d’autres
• La règle d’or : ne publie jamais la vidéo comme une pub officielle de la marque. Présente-la comme un concept pour la démarcher, tant qu’elle ne t’a pas passé commande

Le même prompt sert deux fois : une fois pour toi, une fois pour chaque entreprise que tu veux démarcher.

La formation motion design arrive

Ces deux prompts sont le point de départ. La formation complète va de zéro jusqu’à ta première vidéo vendue : moodboard, storyboard, animation, son, rendu, et comment présenter ton travail à une entreprise.

Pour aller plus loin

• La formation motion design avec Claude Code
• Comment j’ai créé un agent pour une banque : l’autre projet UBA, côté WhatsApp
• 3 outils IA pour créer du contenu
• Vibe Coder : mon accompagnement 1:1 pour construire ton système avec Claude Code
• Toutes mes vidéos
• La communauté