Communitygithub.com

iaquetrabaja/skill-animados

Crée des vidéos courtes explicatives animées (Reels, TikTok, Shorts) sans tourner ni monter. Claude recherche le sujet, écrit le script avec quatre accroches, génère la voix par IA, synchronise chaque dessin avec son mot dans Remotion, vérifie la vidéo image par image et la livre avec le texte du post et la couverture.

Qu'est-ce que skill-animados ?

Ce skill transforme la création de vidéos animées courtes en un processus entièrement automatisé et scripté, éliminant le besoin de tournage ou de montage traditionnel. Claude commence par rechercher le sujet sur au moins trois sources (dont une primaire), puis rédige un script de 70 à 110 mots avec quatre accroches distinctes. La voix est générée localement par clonage vocal ou via ElevenLabs, et les sous-titres sont synchronisés au mot près grâce à un fichier d'indices temporels. Chaque scène est un composant SVG/React dans Remotion, déclenché par un mot spécifique, avec des transitions douces et des animations justifiées. La revue image par image, effectuée avec un outil dédié, garantit qu'aucun défaut de synchronisation ou de composition ne subsiste avant la livraison finale. Le skill supporte Claude Code, Cursor, et Codex, et s'appuie sur des fichiers de référence pour les détails esthétiques et techniques, assurant un résultat professionnel et crédible.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add iaquetrabaja/skill-animados

Demander à votre IA préférée

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

Documentation

Animados : des vidéos qui ne se tournent pas, elles s'écrivent

Une vidéo de ce type représente environ 1 000 à 2 000 dessins (30 par seconde) qui changent au moment exact où la voix prononce chaque mot. Aucun montage dans un programme : tu les écris en code avec Remotion, et le rendu se fait tout seul.

Tu travailles toujours dans cet ordre. Ne saute pas d'étapes : celle que tout le monde oublie, c'est la revue, et c'est elle qui fait la différence entre une vidéo qui se regarde et une qui reste à 300 vues.

0. Avant de commencer

  • Lis referencias/05-taller.md et prépare le dossier de la vidéo avec le template.
  • Lis referencias/gusto.md : c'est ce qui fait que ça n'a pas l'air fait avec de l'IA.
  • Si l'utilisateur a un voz.md ou des exemples de sa voix, utilise-les. Sinon, pose une seule question : pour qui est la vidéo ?

1. Rechercher (referencias/04-investigacion.md)

  • Cherche la vraie réponse au sujet dans au moins 3 sources, dont une primaire : fabricant, norme, étude ou article avec auteur.
  • Note chaque donnée avec sa source dans investigacion.md. Ce qui n'a pas de source n'entre pas dans le script.
  • Cherche le détail que personne ne raconte. La vidéo vit d'un « je ne savais pas ça ».

2. Script et texte (referencias/01-guion-y-texto.md)

  • Écris 4 accroches distinctes pour la première seconde et choisis-en une avec l'utilisateur ou, s'il n'est pas là, celle qui respecte le mieux la grille.
  • Écris le script : 70-110 mots (25-40 s), des phrases de 4-12 mots, un fait par phrase et une conclusion qui renvoie à l'accroche.
  • Écris le texte du post et 3 options de couverture.

3. Voix

  • Par défaut, voix locale gratuite : python herramientas/voz_local.py guion.txt voz.wav --muestra mi_voz.wav --texto-muestra "ce que tu dis dans l'échantillon", qui clone la voix de l'utilisateur à partir de 10-20 secondes d'échantillon (nécessite une carte graphique NVIDIA pour être rapide).
  • Chiffres et sigles : dans guion.txt, écris [ISO 11540|ISO onze mille cinq cent quarante]. La voix lit la partie de droite et le sous-titre affiche celle de gauche.
  • Si l'utilisateur préfère ElevenLabs, génère voz.wav avec son API et sa voix. Cela coûte quelques centimes par vidéo.
  • Écoute le résultat en entier (ou lis-le transcrit avec palabras.py). Si un mot sonne bizarre, réécris la phrase, ne force pas.

4. Mot à mot

  • python herramientas/palabras.py voz.wav plantilla/public/cues.json --guion guion.txt crée cues.json avec chaque mot et sa seconde exacte. Avec --guion, le texte vient du script et de la voix on ne prend que les temps : ainsi, aucune erreur de transcription ne s'infiltre.
  • Fais le tableau phrase → dessin (referencias/02-frase-a-dibujo.md) : pour chaque phrase, ce qu'on voit, quel mot le déclenche et quel mouvement il a.

5. Animer (referencias/03-movimiento-y-sincro.md)

  • Écris les scènes dans plantilla/src/escenas.tsx. Chaque scène est un composant SVG ou React et commence par cue("mot"), jamais par une seconde placée manuellement.
  • Un nouvel élément au maximum toutes les 0,5 s. Rien n'apparaît sans bouger ; rien ne bouge sans raison.
  • Sous-titres de 2-4 mots avec le mot-clé mis en évidence ; ils sont déjà fournis dans le template.

6. Revoir image par image

  • npx remotion render src/index.ts Video ../salida/video.mp4 puis python herramientas/revisa.py salida/video.mp4, qui produit des feuilles avec une image toutes les demi-secondes.
  • Regarde la feuille et vérifie que :
    • chaque dessin est sur son mot (avec 3 images de marge, pas plus) ;
    • rien n'est coupé sur les bords ;
    • aucun texte ne chevauche les sous-titres ;
    • rien ne clignote.
  • Corrige et relance le rendu. Répète jusqu'à ce que la feuille soit propre. Ne livre pas sans l'avoir regardée.

7. Livrer

  • salida/video.mp4 en 1080×1920 à 30 ips, avec le texte du post, 3 couvertures (salida/portada-*.png) et la liste des sources.
  • Dis en une ligne ce que tu as vérifié et ce qui n'a pas pu être contrôlé.

Exemples

Dans ejemplos/, tu as trois vidéos complètes (stylo, métro et canette) avec leur script, leur recherche sourcée et leurs scènes. Lis-les avant d'animer la première : c'est le moyen le plus rapide de voir le niveau.

Règles à ne pas enfreindre

  • Rien d'inventé : sans source, la donnée n'entre pas.
  • Les marques et les vidéos des autres sont citées ; leurs dessins et leur musique ne sont pas copiés.
  • Pas d'emojis à l'écran et pas de voix de célébrités.

Skills associés