Motion explainer
Un modèle de projet vidéo complet ainsi que le runbook qui a produit Fridges Hacked: What Doctors Must Learn About AI Security (11:05, 49 scènes, octobre 2026). Tout ce qui est nécessaire se trouve dans cette compétence : le template (template/), ses scripts (y compris les copies des scripts Sarvam TTS et de mastering), et l'exemple concret (examples/fridge-hack/). Aucune référence n'est faite au dossier du projet original.
Quand utiliser quelle compétence
| Vidéo | Compétence |
|---|---|
| Actualités, incidents, études de cas, « leçons tirées de X » : typographie, cartes, pages de journaux, jauges | cette compétence |
| Dessins, un stylo et une main, anatomie ou diagrammes trait par trait | remotion-whiteboard (inchangé ; requis pour tout ce qui est dessiné) |
| Ordre de travail, revendications, script, voix, étapes de validation (toute vidéo) | youtube-video-production (son mode motion pointe ici) |
| Miniatures, carrousels, copies LinkedIn/Instagram/WhatsApp, envoi YouTube | video-promo-kit |
Démarrage rapide
node ~/.claude/skills/remotion-motion-explainer/scripts/install.mjs ~/Projects/remotion-projects/<nom>
cd ~/Projects/remotion-projects/<nom> && npm run dev
Le template s'ouvre avec l'histoire du hack des frigos pour que le rendu visuel soit immédiatement visible. Remplacez src/data/scenes.json par la nouvelle histoire.
L'ordre du travail (étapes de validation en gras)
- Les faits d'abord. Rédigez une fiche factuelle avec des sources avant toute narration. Chaque chiffre à l'écran nécessite un
sourceCitation. - Histoire →
scenes.json. Narration par scène, composant + props, citations.npm run estimate && npm run narration; vérifiez avecnpm run tts:lint. - Aperçu silencieux avec sous-titres temporaires. Sous-titres par phrase, durées estimées. Le propriétaire approuve l'histoire ici ; pas de TTS avant cela.
- Contrôle qualité des images fixes :
npm run stills, planche contact, corrigez les chevauchements (références/05). - Voix :
npm run tts→npm run tts:check(Whisper, chaque prise) → reprise ou reformulation →npm run tts:master→npm run captions. Les longueurs des scènes proviennent désormais de l'audio. - Repères de mots : ajoutez
{"atWord": "…"}aux props dont les événements doivent tomber sur un mot. - Son : les effets sont déclenchés depuis les composants ; vérifiez le mix complet avec un rendu audio uniquement (cible −14 LUFS, ≤ −1 dBTP).
- Rendu uniquement lorsque le propriétaire le dit (références/05).
- Chapitres (
npm run chapters), puis transmission àvideo-promo-kit.
Où trouver les détails
| Fichier | À lire lors de |
|---|---|
references/01-look-and-story.md | étapes 1–2 : le langage visuel, l'arc narratif, les motifs, les règles d'écriture |
references/02-scene-graph.md | étape 2 : chaque champ de scenes.json, repères de mots, transitions |
references/03-components.md | étapes 2–4 : catalogue des composants, props, règles de mise en page, comment en ajouter un |
references/04-voice-and-sound.md | étapes 5–7 : Sarvam, vérification Whisper, mastering, sous-titres, effets, musique, niveaux |
references/05-qa-render.md | étapes 4, 8, 9 : images fixes, planches contact, rendu, vérification, chapitres |
references/06-lessons.md | quand quelque chose semble anormal : chaque erreur commise et sa règle |
examples/fridge-hack/ | l'exemple concret : scenes.json, script de narration, statut, leçons, images fixes du rendu visuel |
Non-négociables
- Pas de logos ou marques réels ; noms d'organisations et d'entreprises en texte brut ; titres reformulés ; visuels inventés étiquetés « illustratif ».
- Pas d'étapes d'exploitation, de code ou de mode d'emploi pour des attaques dans les vidéos de sécurité.
- Ne jamais spéculer sur l'attribution ; dire « non attribué publiquement à la date du ».
- Le propriétaire approuve le script, la miniature et le rendu. Demandez en cas de doute.