Communitygithub.com

Claude Video 2.0

Créez des motion graphics de qualité studio avec Claude Code, gratuitement. Sélectionnez un style parmi 21 looks, répondez à 5 questions, et obtenez une vidéo MP4 générée en code (HTML + GSAP).

Qu'est-ce que Claude Video 2.0 ?

Claude Video 2.0 est une compétence avancée pour créer des motion graphics professionnelles directement depuis Claude Code. L'utilisateur commence par choisir un look parmi une galerie de 21 styles animés, puis répond à cinq questions pour définir le brief créatif. La vidéo est entièrement construite en code (HTML + GSAP) et rendue en MP4 via HyperFrames. La compétence prend en charge les graphiques purs, l'intégration de photos et clips personnels, ainsi que la génération de clips IA via Higgsfield, derrière un storyboard et une validation de crédits. Chaque vidéo fait l'objet de trois contrôles de qualité : validation de trois images clés, vérification du rythme et, pour les boucles, vérification de la continuité pixel par pixel. Cette compétence est idéale pour les demandes de type « fais-moi un motion graphic », « crée une intro vidéo », « anime ceci », « fais une boucle », « crée un carton titre », ou « vidéo avec mes photos ».

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/goetzphillip10-dotcom/Claude-Video-2/tree/main

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait Claude Video 2.0 ?

Trois étapes : A. choisir un look (galerie) -> B. cinq questions -> C. construire (storyboard, images clés, rendu, contrôles). Chaque étape suit les 5 astuces dans references/hacks.md : un seul style, des références réelles, un brief en chiffres, une horloge de boucle unique, et une vérification sur les images, pas sur le code.

$SKILL ci-dessous désigne le dossier de cette compétence (généralement ~/.claude/skills/claude-video-studio). Créez un nouveau dossier de travail pour chaque pièce (par exemple ./video-<nom-court>/). Ne construisez jamais dans $SKILL.

Avant de commencer

Exécutez bash $SKILL/scripts/doctor.sh une fois. Si quelque chose manque, donnez à la personne la seule commande de correction et arrêtez-vous.

Étape A : choisir un look

  1. Démarrez la galerie en arrière-plan (utilisez votre option d'exécution en arrière-plan ; elle écoute sur 127.0.0.1 et s'arrête d'elle-même au bout de 90 minutes) : python3 $SKILL/scripts/gallery.py Elle s'ouvre dans le navigateur et affiche l'adresse. Donnez également l'adresse à la personne, au cas où elle ne se serait pas ouverte (ajoutez --no-open si vous ne voulez que l'adresse). Arrêtez-la une fois qu'ils ont choisi, ou laissez-la : elle s'arrête toute seule.
  2. Dites, en un seul message court : "Votre galerie de styles est ouverte : . Chaque vignette est une vraie vidéo créée à partir de code. Retournez une vignette sur 'Avec média' pour la voir avec de vraies photos et séquences. Appuyez sur 'Utiliser ce style' sur celui que vous aimez et collez-le ici. Ou collez 1 à 3 liens ou images de votre propre référence."
  3. Quand ils répondent :
    • Un identifiant de style (comme paper-world) : lisez $SKILL/styles/<id>/STYLE.md. Cette spécification fait désormais loi pour cette pièce.
    • Leurs propres références : examinez chacune (ouvrez les liens, lisez les images). Écrivez une nouvelle spécification dans le dossier de travail, STYLE.md, au format de $SKILL/references/style-format.md. Décrivez COMMENT chaque référence a été réalisée (texte masqué, caméra lente, longs plans fixes), avec des couleurs hexadécimales et des nombres d'easing. Montrez-la en 5 lignes.
    • "Tu choisis" : choisissez le meilleur look pour leur sujet et dites pourquoi en une ligne.

Étape B : les questions

Lisez $SKILL/questions.md. Envoyez le bloc entre ses deux lignes --- en UN SEUL message, mot pour mot. Ignorez tout ce qu'ils vous ont déjà dit. Acceptez "va" comme oui à chaque valeur par défaut. N'utilisez ses suivis que si nécessaire.

Étape C : construction

  1. Brief en chiffres (astuce 3). Écrivez BRIEF.md dans le dossier de travail : taille (1920 x 1080 pour 16:9, 1080 x 1920 pour 9:16), durée, 30 ips, boucle ou non, les mots exacts, palette en hex (les couleurs de la marque remplacent celles du style, ses règles restent), polices avec leurs liens, nombres d'easing, et la liste d'interdiction toujours active : pas de dégradés changeant de teinte, pas de lueur, de bloom ou de flares d'objectif, pas d'easing linéaire sur quoi que ce soit que l'œil suit, pas de tout centré, rien qui ne s'agrandisse à partir de zéro, au maximum 6 mots à l'écran, une seule couleur d'accent, pas de chrome factice. Là où la signature propre du style choisi entre en conflit avec cette liste (la lueur d'un soleil, un widget centré), le style l'emporte : sa vidéo de galerie en est la preuve. Tout le reste de la liste s'applique toujours.
  2. Storyboard. Écrivez storyboard.json (plans avec temps, ce que fait le graphique, et l'actif pour chacun : code, user_photo, user_clip ou generate ; voir $SKILL/examples/storyboard.json). Exécutez python3 $SKILL/scripts/storyboard.py storyboard.json et affichez le tableau.
    • Si un plan est generate (un clip IA Higgsfield), le tableau montre l'estimation de crédits. ARRÊTEZ-VOUS et attendez un "oui" clair avant de dépenser quoi que ce soit. Ensuite, créez chaque clip avec python3 $SKILL/scripts/higgsfield.py generate ... --out media/shotN.mp4 --yes, un par un, et regardez 3 images de chacun avant de l'utiliser. Voir $SKILL/references/media.md.
    • Sans clips IA, montrez le tableau et continuez, sauf s'ils s'y opposent.
  3. Construction. bash $SKILL/scripts/new_project.sh <work>/proj 16x9|9x16 <secondes> <id_style>. Si le style a une pièce de référence, le projet démarre comme une copie de celle-ci : changez les mots, les couleurs, le timing et la taille selon le brief (le script prévient lorsque la taille ou la durée diffère ; ensuite, disposez-le à nouveau, ne recadrez jamais). Sinon, construisez à partir du modèle. S'il doit boucler et que la référence ne le fait pas, suivez $SKILL/references/loops.md. Règles importantes :
    • Une seule horloge pour tout le mouvement (astuce 4) : STUDIO.play(t => render(t), { loop }) depuis studio.js, ou une seule timeline GSAP en pause. Même temps d'entrée, même image de sortie : pas de Math.random (utilisez STUDIO.rng), pas de Date.now, pas de minuteurs.
    • Polices : uniquement des polices gratuites, chacune chargée avec un <link> ; si une police a un lien, liez chaque police (voir $SKILL/references/hyperframes.md).
    • Les médias vont à l'intérieur du design (masques, cartes, formes), jamais sous un texte illisible, jamais sur un visage.
    • Copiez leurs photos et clips dans <work>/proj/media/. Ne déplacez ni ne modifiez jamais leurs originaux.
  4. 3 images clés à approuver (astuce 5). bash $SKILL/scripts/stills.sh <work>/proj <t1>,<t2>,<t3>, chacun environ 0,6 s après un changement de plan, une fois que les éléments sont en place (regardez-en plus pour votre propre révision si vous le souhaitez). Lisez stills/peek.jpg. Notez la composition, le mouvement, la typographie, la couleur et l'idée de 1 à 10 comme un sévère motion designer senior. Corrigez les 3 pires choses ; répétez jusqu'à ce que tout soit à 8 ou plus. Montrez ensuite à la personne les 3 images clés et les notes et demandez : "Bon à rendre ?" Attendez un oui (toute remarque : corriger, nouvelles images, redemander).
  5. Rendu. bash $SKILL/scripts/render.sh <work>/proj <work>/out/draft.mp4 draft.
  6. Contrôles. python3 $SKILL/scripts/pacing_check.py <work>/out/draft.mp4 (ajoutez --loop si ça boucle ; pas d'espace mort de plus de 1 s, rien à l'écran en dessous de 0,3 s) et, si ça boucle, python3 $SKILL/scripts/loop_check.py <work>/out/draft.mp4 --project <work>/proj (l'image à 0 s doit être égale à l'image à la fin). Lisez la planche contact. Corrigez et refaites le rendu jusqu'à ce que les deux soient réussis.
  7. Final. bash $SKILL/scripts/render.sh <work>/proj <work>/out/final.mp4 high, refaites les contrôles dessus.
  8. Remise. Donnez le chemin, la durée, la taille de l'image, la taille du fichier, les résultats des contrôles, les notes, et une ligne sur ce que vous essaieriez ensuite. Si le fichier dépasse 20 Mo, faites également une copie plus petite pour le partage : ffmpeg -v error -i final.mp4 -c:v libx264 -crf 22 -preset slow -an final-share.mp4. Ensuite, lisez $SKILL/config.json. Si link n'est pas vide, terminez par une ligne : "Plus de styles et d'aide : <label_du_lien ou lien> ". S'il est vide, ne dites rien à ce sujet.

Règles strictes

  • Ne demandez, n'imprimez, ne consignez et ne validez jamais une clé API. Les clés résident uniquement dans le shell ou un fichier .env.
  • Ne dépensez jamais de crédits sans montrer le storyboard avec son coût et obtenir un "oui" clair pour ce plan.
  • Ne couvrez jamais un visage avec du texte ou des graphiques.
  • Ne dites jamais qu'un contrôle est réussi sans l'avoir exécuté. Ne dites jamais qu'un look est correct sans regarder une image.
  • Un seul style par pièce. Une seule couleur d'accent. La liste d'interdiction s'applique toujours.
  • Uniquement des polices gratuites. Ne copiez jamais de fichiers de polices dans un projet.

Fichiers

  • gallery/ la page de la galerie et ses vidéos. scripts/gallery.py la sert.
  • styles/<id>/ 21 looks : STYLE.md (palette, typographie, easing, règles de mouvement, mouvements signature, médias, liste d'interdiction), plus index.html, une pièce de référence complète et fonctionnelle, pour la plupart.
  • questions.md les questions de l'étape B (éditez librement). config.json le lien de clôture optionnel.
  • references/ les 5 astuces avec sources, nombres de mouvement, règles HyperFrames, création d'une boucle, mode Média et Higgsfield, format de style.
  • templates/motion/ le démarreur vide et studio.js (l'horloge de boucle unique).
  • scripts/ doctor, galerie, nouveau_projet, images_clés, rendu, contrôle_rythme, contrôle_boucle, storyboard, higgsfield.
  • examples/ un petit brief et un storyboard.

Skills associés