nonstop-motion

Nonstop Motion

Transforme un sujet en une vidéo motion-graphics verticale de 15 à 40 secondes qui :

1. Arrête le défilement dans les premières 0,5 s (l'image 0 montre déjà l'accroche, jamais un fondu depuis le noir).
2. Ne s'arrête jamais. Trois couches de mouvement tournent en permanence (caméra, ambiance, contenu).
3. Va vite mais reste lisible. La durée de chaque séquence est calculée à partir du nombre de mots, pour que chaque ligne reste suffisamment longtemps à l'écran pour être lue, et pas plus.
4. S'adapte à tout sujet. Les séquences sont génériques (accroche, statistique, liste, comparatif, UI, chat, dialogue…). Quatre thèmes et trois tempos couvrent la tech, la finance, l'éducation, la comédie, le produit et le storytelling.

Chaque vidéo est construite sur deux couches :

• Derrière : un monde 3D low-poly avec trois décors (bureau, toit, scène), la mascotte 3D Blip, et 14 plans de caméra cinématiques (snap-zoom, dolly-zoom vertige, whip, grue, hollandais, orbite…). Chaque séquence reçoit son propre plan.
• Devant : typographie cinétique, fenêtres UI, chat, anneaux de statistiques, listes et impacts plein écran.
• Son : musique originale générée. Chaque coupe tombe sur une grosse caisse, la caméra frappe sur chaque temps, et les effets sonores frappent sur les coupes.

Le moteur est un projet Remotion dans template/. Vous n'écrivez pas de code d'animation pour une vidéo normale. Vous écrivez scripts/<slug>.json, puis vous effectuez le rendu.

---

Workflow (à suivre dans l'ordre)

1. Brief (ne demander que ce que vous ne pouvez pas déduire)

• Sujet + le seul message que le spectateur doit retenir (une seule phrase).
• Audience + langue. Écrivez dans la langue que le créateur utilise, y compris l'argot, par exemple l'indonésien familier "lu/gw".
• Objectif → CTA : suivre (série), enregistrer (liste utile), partager (relatable), commenter (opinion ou question).
• Niche → thème + tempo. Voir references/adaptation.md.

2. Choisir une structure

Choisissez un arc dans references/adaptation.md (Problème→Rebondissement, Mythe→Vérité, Histoire/POV, Listicle, Versus, Chiffre d'abord, Montée→Chute), puis mappez-le en séquences. Visez 6 à 10 séquences, 18 à 35 s.

3. Écrire le script de séquences

Lisez references/beats.md pour chaque champ de séquence. Règles strictes :

• La séquence 1 est toujours hook, 8 mots maximum, avec un gap de curiosité ou de la tension (formules dans references/retention.md).
• Une idée par séquence. Gardez les séquences textuelles à 12 mots ou moins. Si une ligne est plus longue, divisez-la en deux séquences ; un rythme rapide vient de plus de séquences, pas de plus de mots.
• Marquez une emphase par séquence avec *astérisques*. Elle s'affiche dans la couleur d'accent avec un balayage de marqueur, et l'œil du spectateur y va en premier.
• Changez le type de séquence au moins toutes les 2 séquences. Ne mettez jamais 3 fois le même type à la suite. Utilisez un punch ou stat comme interruption de motif environ toutes les 3 à 4 séquences.
• Montrez, ne légendez pas. Si le sujet implique un logiciel, utilisez ui. Une conversation va dans chat, les nombres dans stat, et le A-vs-B dans compare.
• La dernière séquence est cta. Son CTA doit correspondre à l'objectif de l'étape 1.
• N'inventez jamais de faits. Marquez les nombres d'exemple comme des exemples ("contoh", "e.g.") ou utilisez des chiffres réels et sourcés.

4. Vérifier, rendre, QA

template/ se trouve à côté de ce SKILL.md. Lors de la première utilisation, si template/node_modules est manquant, exécutez npm install (cela prend ~1 min).

cd template
npm install                                    # première fois seulement
npm run lint:script -- scripts/<slug>.json     # lisibilité, rythme, plan des plans, timing de la grille de séquences
npx remotion render NonstopShort out/<slug>-draft.mp4 --props=scripts/<slug>.json --scale=0.4   # brouillon rapide
npx remotion render NonstopShort out/<slug>.mp4 --props=scripts/<slug>.json                 # final 1080×1920
bash scripts/qa-sheet.sh out/<slug>.mp4        # planche contact → out/<slug>-sheet.png

Ouvrez la planche contact et vérifiez :

• Image 0 : l'accroche est-elle visible ?
• Chaque séquence : le texte est-il lisible et à l'intérieur de la zone de sécurité ?
• Temps morts : un plan reste-t-il immobile plus d'environ 1 s ?
• Chevauchements : des éléments se superposent-ils ?

Corrigez en éditant d'abord le JSON : divisez les séquences, utilisez hold (0.8 resserre, 1.3 s'attarde), ou changez transition, shot ou set. N'éditez le code que lorsque le JSON ne peut pas exprimer le changement. Les rendus 3D prennent ~1–2 s par image sur un serveur CPU, faites donc toujours la QA d'un brouillon --scale=0.4 d'abord.

Aperçu interactif : npx remotion studio.

5. Livrer

Livrez le MP4, le JSON, et une légende avec 3 à 5 hashtags. La musique et les effets sonores sont déjà dans le MP4 : une piste originale générée dont le BPM correspond au tempo. Pour utiliser un son tendance à la place, effectuez le rendu avec "music": false et ajoutez le son dans l'application ; les coupes suivent toujours une grille de 92/118/140 bpm.

---

Thèmes × tempos

thème	aspect	meilleur pour
midnight	indigo nuit, accents ambre chaud, lueur douce, mascotte	IA/tech, storytelling, sketchs POV
paper	papier crème, contours noirs, ombres "sticker" décalées	éducation, faits scientifiques, style de vie, comédie
terminal	quasi noir, vert phosphore, grille 3D défilante	humour développeur, hacking/sécurité, jeux vidéo
editorial	blanc cassé, police serif, lignes calmes	finance, affaires, actualités, développement personnel

tempo	vitesse de lecture	séquence min	ressenti
chill	2,6 mots/s	1,6 s	storytelling, émotionnel
fast (défaut)	3,5 mots/s	1,0 s	la plupart des contenus
hyper	4,0 mots/s	0,75 s	mèmes, listes rapides, humour Gen-Z

meta.mascot: false supprime la mascotte (utilisez-le pour un contenu sérieux ou de marque). meta.mascotName la renomme. meta.world: "flat" abandonne le monde 3D (2D uniquement, ~3× plus rapide). meta.music : false ou { file, bpm, volume }. meta.sfx: false coupe les whooshs.

Fichiers de référence (lire si nécessaire)

• references/beats.md : chaque type de séquence, ses champs et quand l'utiliser. À lire avant d'écrire un script.
• references/adaptation.md : niche → thème/tempo/arc, avec des séquences de séquences prêtes.
• references/retention.md : formules d'accroche, interruptions de motif, boucles, CTA.
• references/camera-and-music.md : décors, les 14 plans de caméra, règles de synchronisation, musique personnalisée, vitesse de rendu.
• references/tempo-and-motion.md : le calcul du timing et les principes de mouvement ; à lire avant de modifier le code.
• references/style-principles.md : les principes visuels derrière l'apparence (monde d'ambiance, accent, personnage, rythme).
• references/originality.md : règles pour rester original (à lire avant toute demande de marque/IP).
• references/extending.md : ajouter un thème, un type de séquence, une mascotte personnalisée, de la musique ou une voix off, ou d'autres rapports d'aspect.