Communitygithub.com

JaviMaligno/agilabs-video-studio

Rédigez le script d'une vidéo explicative narrée de 30 à 60 secondes à partir d'un article de blog — accroche, mise en contexte, expérience, résultat avec son chiffre exact, conclusion et carte de fin — avec une idée visuelle par scène associée à un composant d'animation, des limites de vitesse de lecture des sous-titres et une version espagnole parallèle optionnelle. À utiliser lors de la rédaction ou de la révision du contenu narratif d'une vidéo d'article, avant la construction de toute scène.

Qu'est-ce que agilabs-video-studio ?

Ce skill génère un script professionnel de vidéo explicative courte (30 à 60 secondes) destiné à vulgariser le contenu d'un article de blog technique, tout en respectant des contraintes strictes de sous-titrage et de rythme narratif. Il guide l'utilisateur à travers une structure en six parties : accroche (sans formules bateau), mise en contexte, expérience en une image, résultat chiffré exact, conclusion pratique et carte de fin. Chaque scène associe une idée visuelle à un composant d'animation prédéfini (Counter, BarCompare, FlowDiagram, etc.) ou signale les scènes nécessitant une animation sur mesure. Le skill prend en charge l'écriture bilingue anglais-espagnol ligne par ligne, vérifie que les sous-titres ne dépassent pas 17 caractères par seconde et impose des phrases courtes et parlées, avec un ton à la première personne et nuancé comme l'article d'origine. Il est conçu pour être utilisé avant toute production visuelle, en phase de validation du script.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/JaviMaligno/agilabs-video-studio/tree/HEAD/skills/explainer-script

Demander à votre IA préférée

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

Documentation

Script explicatif

Un script est une courte liste de scènes. Chaque scène comporte une ou plusieurs lignes de narration et un visuel. Il est écrit pour un spectateur qui fait défiler la vidéo sans le son, donc chaque ligne doit également fonctionner comme un sous-titre.

Durée

  • 30 à 60 secondes, en visant 45 secondes (targetSeconds dans src/settings.ts).
  • Cela correspond à environ 75 à 140 mots parlés en anglais (EN). Comptez-les. En espagnol (ES), le contenu est environ 15 à 20 % plus long pour le même message.

Structure

  1. Accroche, dans les 3 premières secondes. Le résultat surprenant ou une question concrète. Jamais « Dans cette vidéo… », « Aujourd'hui, je veux parler de… » ou une formule de politesse. Carte d'introduction.
  2. Mise en contexte. Ce qui a été testé et pourquoi c'est important, en une ou deux lignes.
  3. L'expérience en une image. Le mécanisme ou le design sous forme d'un visuel unique (un flux, une comparaison). Une idée, pas toute la section méthode.
  4. Le résultat, avec son chiffre exact. Le chiffre tel qu'il est écrit dans l'article (« 14/20 contre 4/20 », « 83 % », « p = 0,0018 ») : mêmes arrondis, mêmes unités.
  5. Conclusion. Ce que le résultat signifie pour quelqu'un qui l'utilise, sans exagérer par rapport aux affirmations de l'article.
  6. Ligne de carte de fin : « Plus sur javieraguilar.ai » (EN : « More at javieraguilar.ai »).

Voix

  • Première personne, comme l'article est rédigé : « J'ai donné au planificateur… », « Ce que j'ai trouvé… ».
  • Affirmations aussi nuancées que dans l'article. Conservez ses modalisateurs (« sur ces exécutions », « dans ce contexte »).
  • Phrases courtes et parlées. Une idée par ligne. Pas de jargon que l'article n'explique pas.

Sous-titres

  • Les sous-titres sont incrustés à partir du texte de narration, au maximum deux rangées d'environ 32 caractères.
  • Au maximum 17 caractères par seconde à l'écran (npm run lint le vérifie). Une ligne qui se lit trop vite a besoin de moins de mots, pas d'une voix plus rapide.
  • Écrivez les nombres dans le sous-titre comme le fait l'article. Si la synthèse vocale doit les dire différemment, donnez à la ligne une forme parlée (voir la compétence narration) ; ne modifiez jamais le sous-titre pour cela.
  • Évitez les URL longues et les identifiants de code dans la narration ; ils s'affichent mal et se lisent encore moins bien.

Anglais et espagnol

  • Écrivez la paire EN/ES ensemble, ligne par ligne, afin que les deux versions restent synchronisées. L'ES est facultative : laissez le texte ES vide tant qu'une vidéo est uniquement en EN.
  • La ligne ES dit la même chose, pas une traduction mot à mot ; gardez-la aussi courte que l'EN.

Visuel par scène

Chaque scène reçoit une idée visuelle, associée à un composant de la bibliothèque (voir explainer-animation) :

Idée visuelleComposant
Un chiffre principal qui défileCounter
Deux à cinq valeurs côte à côteBarCompare
Un pipeline, une transmission, un lien casséFlowDiagram
La phrase sur laquelle repose l'articleKeyQuote
Deux à quatre chiffres à la foisStatGrid
Accroche et fermeturecartes d'intro / de fin

Si aucun composant ne convient, marquez la scène « bespoke » (sur mesure) avec une description d'une ligne de l'animation. Évitez une vidéo composée uniquement de texte sur un dégradé : chaque article obtient au moins un visuel qui montre son mécanisme.

Format du script

Écrivez script.md sous forme de tableau, une ligne par ligne de narration :

ScèneComposantLigne ENLigne ESVisuelPhrase source
  • « Phrase source » cite l'article pour chaque nombre et chaque affirmation dans la ligne.
  • Terminez par le nombre de mots (EN) et la durée estimée.
  • Présentez-le pour approbation avant que quoi que ce soit ne soit construit.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Skills associés