Guide non officiel. Sans lien avec Meta.

Dernière mise à jour:

Vidéos Opus 5.5 : les prompts viraux et comment créer la vôtre

Depuis la sortie de Claude Opus 5.5, les internautes publient des reels de motion design, des vidéos explicatives, des scènes 3D et même de petits jeux qu’il a créés à partir d’un seul prompt. La liste awesome-opus5-5-videos en recense à elle seule 475. Voici les prompts derrière les plus connues et les étapes pour créer la vôtre.

Le principe en une ligne : vous donnez un prompt à Opus 5.5, il écrit une page web (canvas, SVG, GSAP ou Three.js) qui joue l’animation, puis vous l’enregistrez à l’écran ou en faites le rendu en MP4. C’est du code, pas un modèle vidéo comme Sora : c’est pour cela qu’il excelle en motion design, typographie, schémas et 3D, et qu’il ne produit pas d’images filmées en prise de vue réelle.

Le prompt qui a tout lancé

La plupart des vidéos de la première vague utilisaient le même prompt d’une ligne. 58 entrées de la liste reprennent ce prompt ou une copie quasi identique :

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

Les variantes populaires remplacent le sujet par votre propre produit ou site web, ajoutent une durée (10, 15 ou 40 secondes) ou un format comme 1080×1080 pour les réseaux sociaux.

Exemples par type, avec leurs prompts

De vrais prompts de la liste, cités tels que leurs auteurs les ont publiés. Ouvrez la publication pour voir la vidéo.

Motion design

288 dans la liste. Showreels, promos produit, typographie animée.

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

par @ajith_io · Canvas · Voir la vidéo

Make a dynamic 15-second motion graphics video that shows why [your product] is the best at [what it does], like a showreel. Go all out: 1080×1080, 1s hook, loop.

par @Ishaaqahamed · Canvas · Voir la vidéo

4 seasons passing outside a train window, a cozy carriage, a cup of coffee on the table, Grand Budapest Hotel style

par @itsolelehmann · Canvas · Voir la vidéo

create a motion design video of a poster breaking out of its own frame.

par @pankajkumar_dev · Canvas · Voir la vidéo

Vidéos explicatives

62 dans la liste. Concepts, histoire, fonctionnement des choses.

A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.

par @emollick · Canvas · Voir la vidéo

make a video highlighting key moments in the history of AI.

par @kloss_xyz · Canvas, SVG, CSS · Voir la vidéo

请用Manim给我制作一个导数概念学习的视频,要求通俗易懂,并且有例子,引人思考。配音使用edge-tts

par @LinearUncle · SVG, audio · Voir la vidéo

Scènes 3D

55 dans la liste. Three.js et shaders.

Make a 2-minute sand animation that tells the story of 250 years of U.S. history. Keep it lively, engaging, and tasteful. Add appropriate background music and sound design.

par @Michaelzsguo · Shader, Canvas · Voir la vidéo

Show me what goes on inside an AI data centre.

par @mdaman010 · Three.js, Shader, SVG · Voir la vidéo

Jeux et interactif

70 dans la liste. Jouables dans le navigateur.

can you make a 3d game where you walk around and spot cats inside of a van gogh painting? we can start with stary night and its town

par @MandelDuck · Three.js, Shader · Voir la vidéo

Create a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.

par @aisongman · Canvas, pixel art · Voir la vidéo

Source: awesome-opus5-5-videos sur GitHub

Créez la vôtre en 3 étapes

  1. Ouvrez Claude (application ou claude.ai) avec un forfait payant et choisissez Opus 5.5, ou lancez Claude Code avec Opus 5.5.
  2. Collez l’un des prompts ci-dessus et ajoutez : « Créez-la sous forme d’un seul fichier HTML autonome. »
  3. Ouvrez le résultat dans votre navigateur et enregistrez l’écran. Pour obtenir un fichier MP4 propre, utilisez l’une des méthodes ci-dessous.

Comment se fabrique une « vidéo Opus 5.5 »

  1. Storyboard : Opus 5.5 écrit une liste de plans avec le minutage de chaque scène.
  2. Code : il écrit un moteur de rendu par scène, dans lequel chaque image est une fonction pure du temps t.
  3. Images : un Chrome headless avance pas à pas dans t et enregistre une image par frame.
  4. Encodage : ffmpeg assemble les images en un MP4 H.264 et peut ajouter une voix off et des sous-titres lors d’une seconde passe.

Source: OrcaRouter : ce que produit vraiment « planifier une vidéo »

Obtenir un vrai fichier MP4

Pour une publication rapide, un enregistrement d’écran suffit. Pour un MP4 propre, précis à l’image près et à fréquence d’images fixe, faites plutôt le rendu de l’animation. Trois méthodes :

Méthode 1 : ClaudeAnimationBase dans Claude Code (la plus simple)

ClaudeAnimationBase est un kit de démarrage open source (MIT) créé par John Heibel : p5.js avec p5.brush, le personnage Clawd avec 31 émotions jouées, et un guide qui explique au modèle comment animer. Son auteur a réalisé toutes les vidéos de test avec Opus 5.5 en effort xhigh dans Claude Code.

  1. Installez Node.js, Google Chrome, ffmpeg, ainsi que Claude Code avec un forfait Claude payant ou une clé API.
  2. Clonez le kit, installez-le et lancez Claude Code dans le dossier :
    git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git
    cd ClaudeAnimationBase
    npm install
    claude            # start Claude Code, pick Opus 5.5 with /model
  3. Donnez à Opus 5.5 le premier prompt du README :
    Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.
  4. Opus 5.5 écrit le storyboard, puis le code des scènes. Une fois terminé, faites le rendu du clip :
    node render.mjs --clip --out=out/video.mp4
  5. Ouvrez out/video.mp4, ou ouvrez studio.html dans Chrome pour le parcourir. Demandez des modifications avec vos propres mots (« ralentis le saut », « mets le ciel en rose ») et relancez le rendu.

Sans GPU dédié, le rendu prend plusieurs secondes par image. Le README conseille d’éviter les remplissages aquarelle sur une puce graphique intégrée.

Source: ClaudeAnimationBase sur GitHub

Méthode 2 : un fichier HTML et un script de rendu (tous styles)

Pour du motion design, des cartons titres ou des animations de données, pas besoin de kit. Demandez à Opus 5.5 un seul fichier HTML qui respecte un contrat simple, puis faites-en le rendu avec le script ci-dessous.

Écrivez un fichier HTML autonome, en 1920x1080, qui dessine une animation de 10 secondes dans un <canvas>.
Définissez window.DURATION = 10 et async window.seek(t), qui dessine l’image correspondant au temps t en secondes.
Chaque pixel doit dépendre uniquement de t : pas de Date.now(), pas de boucle requestAnimationFrame,
pas de transitions CSS, pas de Math.random() sans graine.
Scène : [décrivez ici votre scène, votre palette et votre style d’animation]

Enregistrez le fichier sous le nom scene.html à côté de ce script, puis lancez-le :

// capture.mjs: node capture.mjs scene.html 30
import { chromium } from 'playwright';
import { mkdirSync } from 'node:fs';
import { resolve } from 'node:path';
import { pathToFileURL } from 'node:url';
import { execFileSync } from 'node:child_process';

const [file, fpsArg = '30'] = process.argv.slice(2);
const fps = Number(fpsArg);
mkdirSync('frames', { recursive: true });
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } });
await page.goto(pathToFileURL(resolve(file)).href);
const total = Math.round((await page.evaluate(() => window.DURATION)) * fps);
for (let i = 0; i < total; i++) {
  await page.evaluate((t) => window.seek(t), i / fps);
  await page.screenshot({ path: `frames/${String(i).padStart(5, '0')}.png` });
}
await browser.close();
execFileSync('ffmpeg', ['-y', '-framerate', String(fps), '-i', 'frames/%05d.png',
  '-c:v', 'libx264', '-pix_fmt', 'yuv420p', 'out.mp4'], { stdio: 'inherit' });
npm init -y
npm install playwright
npx playwright install chromium
node capture.mjs scene.html 30   # writes out.mp4

Nous avons exécuté ce script avec Playwright 1.56 et ffmpeg 6 sur une scène de test : il écrit un PNG par image dans frames/, puis out.mp4.

Source: Hugging Face : un pipeline de rendu déterministe pour les vidéos Opus 5.5

Méthode 3 : Remotion ou HyperFrames pour des vidéos plus longues

Remotion · HyperFrames

Source: Apiyi : créer des vidéos en code avec Opus 5.5

Autres modèles de prompts

Chaque prompt demande d’abord un storyboard : c’est l’étape qui améliore le plus le résultat.

Promo produit (15 s)

Écrivez d’abord un storyboard pour une promo de 15 secondes de [produit] : 4 scènes, typographie grasse, une seule couleur d’accent, montage rapide. Attendez mon OK, puis réalisez-la sous forme d’un seul fichier HTML canvas avec window.DURATION et window.seek(t).

Vidéo explicative sous-titrée (30 s)

Réalisez une vidéo explicative de 30 secondes sur [sujet] en 5 scènes. Utilisez des icônes plates simples dessinées en SVG, des sous-titres ligne par ligne en bas de l’écran et un rythme posé. D’abord le storyboard, ensuite le code.

Animation de données

Animez ces données sous forme de bar chart race sur 20 secondes : [collez le CSV]. Retriez les barres à chaque image, affichez l’année dans un coin et lissez chaque changement. Chaque image doit dépendre uniquement de t.

Court métrage animé (ClaudeAnimationBase, texte original)

Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.

Astuces pour gagner du temps et des tokens

Ce qu’Opus 5.5 peut et ne peut pas faire en vidéo

Ce qu’il peut faireCe qu’il ne peut pas faire
Écrire un storyboard et le code d’animation de chaque scèneProduire seul un MP4 ou tout autre fichier vidéo
Lire des images fixes, donc vérifier les images et les planches contact qu’il a renduesPrendre un fichier vidéo en entrée ou regarder un clip de référence
Dessiner en code du motion design, des vidéos explicatives, des graphiques, des cartons titres et des dessins animés 2DProduire des images photoréalistes comme Sora ou Veo
Écrire le minutage des sous-titres et le texte d’une voix offGénérer la voix ou la musique ; il faut pour cela un outil TTS ou audio séparé

Source: Présentation du modèle Claude Opus 5.5 (Anthropic)

Prix : combien ça coûte

Prix et caractéristiques d’Opus 5.5 Comparer les coûts dans le calculateur

Exemples et pour aller plus loin

Deux sites rassemblent ces vidéos avec leurs prompts. awesome-opus5-5-videos sur GitHub en recense 475 (consultables sur skillry.dev), et Claude Video (claudevideo.org) en indexe 1 235, dont 457 avec le prompt complet de leur auteur. Tous deux sont indépendants d’Anthropic.

Source: skillry.dev

Source: Galerie Claude Video

Source: explainx : comment sont faits les dessins animés viraux d’Opus 5.5

FAQ

Quel prompt a été utilisé pour les vidéos virales d’Opus 5.5 ?

La plupart ont utilisé une seule ligne : « make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out. » Beaucoup ont ensuite remplacé le sujet par leur propre produit, site web ou thème.

Claude Opus 5.5 peut-il générer des vidéos ?

Pas directement. Il ne produit que du texte. Les vidéos que vous voyez naissent du code d’animation écrit par Opus 5.5, qu’un navigateur rend image par image et que ffmpeg encode en MP4.

Opus 5.5 peut-il regarder ou analyser une vidéo ?

Non. Il accepte du texte et des images. Vous pouvez exporter des images fixes ou une planche contact d’une vidéo et les lui fournir à la place.

Faut-il Claude Code pour créer des vidéos avec Opus 5.5 ?

C’est la voie la plus simple, car Opus 5.5 peut écrire les fichiers, lancer le rendu et regarder les images lui-même. Vous pouvez aussi utiliser l’API ou les applications Claude et lancer le script de rendu vous-même.

Créer des vidéos avec Opus 5.5 est-il gratuit ?

Les outils (ClaudeAnimationBase, Playwright, ffmpeg) sont gratuits. Opus 5.5 n’est pas inclus dans le forfait gratuit de Claude : il vous faut un forfait payant ou des crédits API.

Quel style fonctionne le mieux ?

Le motion design, les vidéos explicatives, les graphiques et les dessins animés 2D en aplat. Tout ce qui se dessine avec des formes et du texte fonctionne bien ; les images photoréalistes, non.

Guide indépendant. Sans lien avec Anthropic. Les prix sont les prix catalogue d’Anthropic en dollars américains.