Que fait animonkey ?
Par Dustkey LLC
Une méthode de studio pour réaliser des motion graphics produit qui ressemblent à ceux des meilleures startups : une histoire qui épouse la musique, des titres qui se lisent d'eux-mêmes, des transitions qui transforment au lieu de couper, des personnages qui incarnent ce que le produit résout, et l'interface utilisateur réelle au premier plan. Elle livre un modèle Remotion qui compile (template/), des scripts pour la musique, la voix, le mixage, le contrôle qualité et la livraison (scripts/), et des documents de référence avec les chiffres (references/).
Le savoir-faire se répète ; le rendu, non. Chaque film obtient sa propre ligne visuelle — palette, police de caractères, finition des personnages, lumière, caméra, personnalité du mouvement, musique — définie à partir de la marque du client. La compétence vous donne les paramètres pour réaliser des vidéos de cette qualité, et non pour répéter la même. Ne copiez jamais la ligne, la musique, le texte ou le storyboard d'un autre film.
Avant de commencer
- Lisez
references/template.md(comment le modèle est construit et son API) et, avant d'écrire du code Remotion, la documentation de la version installée (les API@remotion/media,@remotion/threeetConfigchangent entre les versions). - Outils : node ≥ 20, ffmpeg/ffprobe,
uv(Python 3.12) pour les scripts ; pour la voix, un environnement avecmlx-audio,faster-whisper,mlx-whisper,speechbrainetlibrosa(Apple Silicon). - Disque : ≥ 5 Go libres pour le rendu (
df -h /). Ne supprimez jamais les fichiers de l'utilisateur pour libérer de l'espace sans demander. - Un nouveau projet commence par une copie :
cp -R <skill>/template <project>/video && cd <project>/video && npm install.
Le workflow
Chaque étape se termine par quelque chose de visible. Les jalons (G0–G3) sont approuvés sur des images clés, des planches contact ou des vidéos, jamais sur une description.
0 · Brief
Rassemblez (et demandez ce qui manque, en un seul lot) : ce que le produit fait AUJOURD'HUI et ce qu'il ne fait pas ; à qui il s'adresse ; où va la vidéo (page d'accueil, app store, publicités, événement) ; durée(s) ; formats (16:9, 9:16, 4:5) ; langues ; voix ou non, et dans quel mode ; musique (avec une licence commerciale) ; la marque (logo, couleurs, police de caractères, ton) ; l'interface utilisateur réelle (captures d'écran, tokens de design du code, icônes) et les références que le client aime. Inscrivez la vérité du produit dans le plan : rien dans le film ne peut promettre ce que l'application ne fait pas.
1 · La ligne visuelle → G0
Définissez les dix axes de la ligne avec references/art-direction.md et comparez-la au registre des lignes utilisées (used-lines.md, privé ; s'il n'existe pas, créez-le à partir de used-lines.example.md). Écrivez-la dans kit/palette.ts, style.ts, brand.ts (+ scripts/font-metrics.py si la police de caractères change) et project/cast.ts. Rendez trois images clés de la ligne (le problème avec le casting, l'interface utilisateur, la fermeture) avec scripts/still.sh et faites-les approuver.
2 · L'histoire et les titres
Avec references/storytelling.md : remplissez les cases (où naît la valeur, le casting, la matière première que chaque personnage apporte, la perte, le rebondissement, la pièce de marque qui voyage, l'action en un tap, la triade, la preuve, l'objection, le slogan). Disposez les actes sur la forme de la chanson et écrivez les titres comme des spécifications dans project/titles.ts avec references/kinetic-typography.md. Lisez-les à la suite, le son coupé : ils doivent raconter tout le film. Exécutez npm run check jusqu'à ce qu'il passe dans les deux langues.
3 · La musique et la grille
Avec references/audio-and-voice.md : choisissez le morceau pour la ligne, cartographiez-le (scripts/mapear-musica.py), coupez-le par mesures si nécessaire (scripts/cortar-por-compases.py) et mettez bpm et v0 dans makeGrid dans project/timeline.ts. À partir de là, chaque événement est écrit avec bar()/beat().
4 · Animatic → G1
Les vrais titres animés, les objets sous forme de silhouettes en place et le plan de sol, sur la musique (et la voix de travail). Ce qui est approuvé, c'est le TIMING. Ce qui est approuvé ici est ce qui sera livré.
5 · Production par blocs → G2
De la plus haute à la plus faible risque (la preuve dans la main et le plant-and-payoff en premier), chaque bloc dans project/blocks/ et registry.tsx :
- personnages, poses, lumière et caméra 3D :
references/characters-3d.md; - l'interface utilisateur du produit dans le DOM collée à la 3D, tapotements et push-ins lisibles :
references/product-ui.md; - courbes, recettes de caméra, transitions de transformation, sols physiques et passations :
references/motion-and-grounds.md. Révisez chaque bloc avec une planche contact et des recadrages à 100 % (references/production-and-qa.md).
6 · Intégration, vérifications et master → G3
npm run check, rendu (scripts/render.sh), scripts/film-qa.py et scripts/hoja-contacto.py sur le MP4 ; la voix (scripts/voz/) et le mix (scripts/mezclar.py) mesurés. Regardez le master sans son comme quelqu'un qui ne connaît pas le produit.
7 · Variantes et livraison
Langues, formats verticaux via une fenêtre, coupures de 6 à 15 secondes avec plusieurs ouvertures, un master sans voix : references/marketing-and-formats.md. Livrez avec scripts/entregar.py (noms qui n'écrasent jamais, jaquettes, planches contact, manifeste).
8 · Enregistrement
Ajoutez la ligne du film dans used-lines.md et sa signature dans USED_LINES du prochain projet. Enregistrez les décisions du client dans ses propres mots : ils sont le goût pour le prochain film (references/taste.md).
Non-négociables
- La musique fait la loi. Tout en images de grille ; événements à ±2 images d'un temps fort ; déplacez la voix, jamais la grille.
- Un titre = une ligne centrée de 2 à 5 mots, mesurée avec la vraie police de caractères (pas de DOM), avec un seul accent ; si ça ne tient pas, raccourcissez le texte, pas la police.
- Rien n'apparaît par opacité ou ne change par fondu enchaîné : la caméra, un objet ou une transformation porte tout.
- Le problème est incarné par des personnages ; ce qu'ils laissent tomber dans le problème revient comme le résultat du produit.
- L'interface utilisateur est celle du vrai produit, redessinée dans le DOM et lisible quand elle est lue (≥ 3,4 px/pt).
- Une pièce de marque voyage à travers l'histoire et revient au logo ; la fermeture tient immobile avec le domaine.
- Formats verticaux sans refaire : le même film à travers une fenêtre ; textes tels quels ; élargissez la fenêtre là où quelque chose ne tient pas.
- Chaque projet a sa propre ligne ; deux films du studio ne se ressemblent pas (anti-similarité dans
art-direction.md). - Une vérification doit pouvoir échouer, et un rendu vert ne prouve rien : regardez la planche contact et les images à 100 %.
- Aucune donnée réelle client et aucune capacité inventée à l'écran.
Que lire et quand
| Vous avez besoin… | Lisez |
|---|---|
| Pour commencer, comprendre le modèle, les commandes | references/template.md |
| Pour définir le rendu du projet (palette, police, finition, lumière, musique) | references/art-direction.md |
| Structure, actes, personnages incarnant le processus, texte et voix | references/storytelling.md |
| Spécifications des titres, entrées et sorties, mesure, autre police ou langue | references/kinetic-typography.md |
| Courbes, caméra, transitions, sols, rythme, métriques de mouvement | references/motion-and-grounds.md |
| Pour concevoir un casting, poses, IK, mise en scène 3D, mains, ombres | references/characters-3d.md |
| Pour recréer et animer l'interface utilisateur du produit et la coller à la 3D | references/product-ui.md |
| Pour choisir et couper la musique, voix IA, le mix | references/audio-and-voice.md |
| Coupures publicitaires, verticaux, langues, livrables | references/marketing-and-formats.md |
| Jalons, règles mesurables, rendu, outils, opérations | references/production-and-qa.md |
| Pour décider entre deux options qui marchent toutes les deux | references/taste.md |
Scripts
| Script | À quoi sert-il |
|---|---|
template/scripts/check.sh | vérifie sans rendu (titres, synchronisation, sols, contraste, coupures, ligne répétée) dans deux langues |
template/scripts/still.sh | images clés uniques pour révision et pour les jalons |
template/scripts/render.sh | master et variantes : silencieux par morceaux, avec vérification du disque, et l'audio mixé avec ffmpeg |
template/scripts/proyecto-json.sh | la timeline en JSON pour les scripts Python |
template/scripts/font-metrics.py | la table de mesure d'une autre police (statique ou variable) |
scripts/mapear-musica.py | tempo, premier temps fort, grille et sections d'un morceau |
scripts/cortar-por-compases.py | la musique coupée par segments de grille, sans clics |
scripts/mezclar.py | musique + voix avec ducking, basses protégées et un rapport de mesure |
scripts/voz/ | script vocal à partir des titres → design → clone → sélection → placement |
scripts/film-qa.py | coupures, mouvement, sols et couleur sur le MP4 |
scripts/hoja-contacto.py | planche contact en PDF ou PNG |
scripts/comparar-videos.py | deux rendus comparés avec tolérance |
scripts/entregar.py | livraison avec jaquettes, planches contact et un manifeste, sans jamais écraser |
Cas privés
Si un dossier private-cases/ existe (il n'est jamais publié), il contient l'analyse complète de productions réelles du studio : lisez-le pour comprendre pourquoi la méthode est ainsi, jamais pour copier sa ligne, sa musique, son texte ou son histoire.