Ecoupdigital/video-animado

/video-animado

Crée une vidéo narrée avec animation 2D dessinée en code (SVG + Remotion). Règle absolue : aucun outil externe d'image ou de vidéo par IA (pas de Kling, Veo, Flow, Magnific, générateurs d'images). Personnages, décors et objets naissent de formes, chemins SVG et texte. Cela garantit que le personnage reste identique dans chaque scène et que le processus est reproductible.

État : créée le 08/11/2026, pas encore testée de bout en bout. Lors de la première exécution réelle, notez dans « Pièges » ce qui casse.

Comment parler à la personne

• Portugais du Brésil, ton de professeur pratique, tutoiement si la personne tutoie, sinon vouvoiement. Sans tiret.
• La personne peut ne pas être technique. Dites ce qui s'est passé et ce que cela change pour elle. Code et chemins uniquement si elle le demande.
• Chaque question utilise AskUserQuestion, une à la fois, avec 2 à 4 options, la recommandée en premier et marquée « (Recommandé) ». Quand la personne dit « décide pour moi », « peu importe » ou quelque chose de similaire, choisissez la recommandée et continuez, en disant ce que vous avez choisi.
• Ne demandez jamais ce que vous pouvez découvrir en regardant les fichiers.

Où se trouvent les choses

• Studio : le dossier de travail vidéo de la personne. Cherchez ~/meu-estudio/ ; s'il n'existe pas, demandez où il se trouve, ou utilisez le dossier courant.
• Brandbooks d'animation : <studio>/animacao/<nom-de-l-univers>/
  • BRANDBOOK-ANIMACAO.html : version jolie, pour voir et partager
  • BRANDBOOK-ANIMACAO.md : la version que Claude lit (mêmes règles ; si l'une change, changez les deux)
  • personagens/<nom>/ : FICHA.md, Personagem.tsx (le dessin en code) et expressoes.png
  • cenarios/ : un composant par décor (Casa.tsx, Rua.tsx…)
  • pronuncias.md (optionnel) : comment chaque terme doit sonner dans la voix et apparaître dans le sous-titre
• Vidéos : <studio>/animacao/<nom-de-l-univers>/videos/AAAA-MM-JJ-slug/
• Livraison : ~/Downloads/AAAA-MM-JJ_<slug>_animado.mp4

Un brandbook est un univers (un « monde » avec un nom propre). Il contient 0, 1 ou plusieurs personnages.

Flux

0. Trouver le brandbook

Cherchez seul : dossier animacao/ dans le studio et dans le dossier courant, et fichiers BRANDBOOK-ANIMACAO.*. Listez ce que vous avez trouvé et demandez :

• Utiliser l'un d'eux (un par univers trouvé)
• Indiquer un autre chemin (y compris un brandbook reçu d'une autre personne)
• Créer un nouveau

Si vous ne trouvez rien, dites-le et allez directement à la création. Si vous en utilisez un existant, lisez le .md et les fiches et sautez à la Partie B.

Partie A. Créer le brandbook (première fois)

Prévenez au début : « je vais poser environ 25 à 35 questions, une à la fois, et à n'importe laquelle tu peux dire « décide pour moi ». » Entre les blocs, faites un petit résumé de ce qui a été décidé et demandez si c'est correct. Base de questions et options dans references/perguntas.md (lisez avant de commencer).

Les 7 blocs, dans cet ordre :

1. Univers : nom (suggérez 3 noms), sujet des vidéos, public, ton.
2. Personnages : combien (0, 1 ou plusieurs). Pour chacun, la fiche complète (genre, âge, visage, cheveux, vêtements, personnalité, accompagnateurs comme chien, bébé ou plante, voix).
3. Décors : lesquels existent (maison, bureau, rue, nature, espace abstrait…), quelles pièces ou lieux, moment de la journée, objets fixes.
4. Récit : ce que fait chaque personnage, comment il se comporte, où il va, comment il parle, ce qu'il ne ferait jamais, comment les personnages se relient.
5. Visuel : style du dessin possible en code, palette (hex exacts avec proportion d'utilisation), polices, niveau de détail.
6. Mouvement : entrée et sortie de scène, expressions, rythme, respiration et clignement, règles d'animation, ce qu'il ne faut jamais faire.
7. Clôture : résumé général, voix de la narration (voir ci-dessous), nom final du brandbook.

Sans personnage est aussi valable : vidéo uniquement de décors, texte et formes. Dans ce cas, sautez le bloc 2 et les blocs 3 à 6 ne parlent que du monde et du rythme.

Voix de la narration, sauvegardée dans le brandbook pour ne pas demander à nouveau, avec 3 chemins :

1. voix clonée de la personne sur ElevenLabs ;
2. voix prête d'ElevenLabs, que la skill suggère selon le personnage ;
3. la personne a déjà enregistré l'audio et la skill l'utilise seulement. Avec plusieurs personnages, chaque fiche garde la voix du personnage.

Livrables de la Partie A :

• BRANDBOOK-ANIMACAO.md et BRANDBOOK-ANIMACAO.html (structure dans references/brandbook-html.md).
• Pour chaque personnage : FICHA.md, Personagem.tsx avec les propriétés expressao, falando, olhando, escala (la bouche suit le volume de la narration) et expressoes.png, une image avec toutes les expressions côte à côte.
• Un composant par décor.
• Une image de test avec le personnage dans un décor.

Ne continuez que lorsque la personne a approuvé visuellement les expressions et l'image de test. Si le dessin en code n'est pas réussi, simplifiez le dessin (moins de détails, plus de formes). Ne remplacez jamais par un outil externe.

Partie B. Faire la vidéo

1. Question unique (uniquement ce qui manque) : thème, durée (30 à 60 s par défaut), format (vertical 1080×1920 par défaut, 30 ips), quels personnages et décors entrent.
2. Accroche et scénario pour être ÉCOUTÉ (lisez references/roteiro.md). D'abord 3 options d'accroche de types différents, la personne choisit. Ensuite le scénario : phrases courtes, nombre écrit comme on le dit, sans parenthèses ni sigle difficile, sans les phrases interdites de la liste. À côté de chaque phrase : la scène, qui apparaît, l'expression et ce qui surgit à l'écran. Respectez le récit du brandbook. À la fin, listez à part les affirmations factuelles que la personne doit confirmer. Sauvegardez dans videos/<date-slug>/roteiro.md et ne continuez qu'avec l'approbation de la personne.
3. Narration, par le chemin vocal sauvegardé dans le brandbook. Montrez l'audio et attendez l'approbation. Phrase étrange : régénérez uniquement cette phrase. Utilisez pronuncias.md s'il existe. Sauvegardez narracao.mp3.
4. Temps de chaque mot. Transcrivez la narration avec des timestamps par mot (l'outil de transcription que le studio possède déjà, celui du cours de montage : mlx-whisper sur Mac). Corrigez les erreurs typiques de Whisper sur les noms de produits et les termes techniques. Si la personne n'a pas de transcripteur installé, dites-le et aidez à l'installer avant de continuer.
5. Projet Remotion dans videos/<data-slug>/ (utilisez la skill remotion-best-practices). Un audio de fond (narracao.mp3). Chaque scène importe les composants du brandbook, ne redessinez jamais un personnage ou un décor. Bouche : extrayez le volume de l'audio par image et utilisez-le comme falando, avec un seuil bas pour ne pas trembler dans le silence. Chaque élément naît sur le mot qui le cite. Sous-titre mot à mot dans le style du brandbook. Hooks React jamais dans un if ou après un return anticipé.
6. Vérifier avant de rendre. npx tsc --noEmit, puis une image de chaque scène. Regardez l'image : personnage entier et identique à la fiche, texte sans chevauchement ni débordement de largeur, dans la zone de sécurité, bouche synchronisée avec la voix, expression et scène correctes au bon moment. Détails dans references/conferencias.md.
7. Rendre, vérifier et livrer. mp4 (H.264, audio AAC) dans ~/Downloads/. Lancez scripts/checar_video.py (volume, taille, silence), générez une contact sheet et appelez le relecteur indépendant (sous-agent qui n'a pas vu le montage, briefing dans references/conferencias.md). Corrigez ce qui est grave ou moyen et rendez à nouveau. Livrez aussi la couverture et la légende du post, et proposez les formats 1:1 et 16:9 (references/roteiro.md). Dites ce qu'il y a dans chaque scène, la durée, ce que le relecteur a pensé et ce qui a changé, ce que la personne doit vérifier à l'oreille (vous n'entendez pas l'audio) et où se trouve le projet.
8. Ajustements. La personne demande en mots courants (« le bonhomme est trop sérieux », « apparaît plus vite ») ou par le temps (« change le titre à 0:12 »). Convertissez le temps en image, ne modifiez que la scène concernée et montrez l'extrait avant de tout rendre. Si la règle vaut pour les prochaines vidéos, mettez à jour le brandbook (les deux versions) ; si elle ne vaut que pour celle-ci, le projet.

Suggestion de nom

Chaque fois que le brandbook est créé, suggérez 3 noms d'univers (courts, faciles à dire) et laissez la personne choisir ou en taper un autre. Le nom devient le nom du dossier (kebab-case) et le titre du HTML.

Pièges

• Personnage hors brandbook : chaque scène importe le même composant.
• Bouche qui bouge sans parole, ou arrêtée avec parole : synchroniser par l'amplitude, avec un seuil.
• Outil externe par paresse : si le dessin ne sort pas, simplifiez.
• Dépenser du crédit vocal sans le scénario approuvé. Avant de générer la narration, dites combien de caractères vont être utilisés pour la voix et attendez le oui.
• Livrer sans passer par le relecteur indépendant : celui qui monte ne voit pas ses propres erreurs.
• Sauvegarder le brandbook uniquement en HTML : Claude lit le .md, maintenez les deux identiques.
• (À remplir lors de la première exécution réelle.)