Communitygithub.com

JaviMaligno/agilabs-video-studio

Escribe el guion de un video explicativo narrado de 30 a 60 segundos a partir de un artículo de blog: gancho, contexto, experimento, hallazgo con su número exacto, conclusión y tarjeta de cierre, con una idea visual por escena asignada a un componente de animación, límites de velocidad de lectura de subtítulos y una versión opcional en español paralela. Úsalo al redactar o revisar qué dice un video de artículo, antes de construir cualquier escena.

¿Qué es agilabs-video-studio?

Esta skill está diseñada para ayudar a desarrollar guiones de videos explicativos cortos (30-60 segundos) a partir de artículos de blog, optimizados para plataformas como redes sociales o sitios web. Su propósito es transformar el contenido escrito en una secuencia visual y narrativa efectiva, teniendo en cuenta que los espectadores a menudo ven el video sin sonido, por lo que cada línea de narración debe funcionar también como subtítulo. La skill estructura el guion en seis partes clave: un gancho inicial impactante, el contexto del problema, la representación visual del experimento, el hallazgo con su cifra exacta, la implicación práctica y una tarjeta de cierre. Además, asigna a cada escena un componente de animación específico de una biblioteca (como `Counter`, `BarCompare` o `FlowDiagram`) y verifica que los subtítulos no superen los 17 caracteres por segundo. Soporta la creación de versiones en inglés y español de forma paralela, y produce el guion en formato de tabla Markdown para su aprobación antes de la producción visual.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Guion explicativo

Un guion es una lista breve de escenas. Cada escena tiene una o más líneas de narración y un elemento visual. Está escrito para un espectador que se desplaza con el sonido apagado, por lo que cada línea también debe funcionar como subtítulo.

Duración

  • 30-60 s, apuntando a 45 s (targetSeconds en src/settings.ts).
  • Esto equivale a aproximadamente 75-140 palabras habladas en EN. Cuéntalas. El español suele ser entre un 15 y un 20 % más largo para el mismo contenido.

Estructura

  1. Gancho, dentro de los primeros 3 s. El hallazgo sorprendente o una pregunta concreta. Nunca "En este video...", "Hoy quiero hablar sobre..." o un saludo. Tarjeta de introducción.
  2. Contexto. Qué se estaba probando y por qué es importante, en una o dos líneas.
  3. El experimento en una imagen. El mecanismo o diseño como un solo elemento visual (un flujo, una comparación). Una idea, no la sección completa de métodos.
  4. El hallazgo, con su número exacto. El número tal como lo escribe el artículo ("14/20 vs 4/20", "83 %", "p = 0.0018"): el mismo redondeo, las mismas unidades.
  5. Conclusión. Qué significa el hallazgo para alguien que lo utiliza, sin ser más categórico de lo que el artículo afirma.
  6. Línea de tarjeta de cierre: "Más en javieraguilar.ai" (ES: "Más en javieraguilar.ai").

Voz

  • Primera persona, como está escrito el artículo: "Le di al planificador...", "Lo que encontré...".
  • Afirmaciones tan matizadas como el artículo. Conserva sus reservas ("en estas ejecuciones", "en esta configuración").
  • Frases habladas cortas. Una idea por línea. Sin jerga que el artículo no explique.

Subtítulos

  • Los subtítulos se incrustan a partir del texto de narración, con un máximo de dos filas de aproximadamente 32 caracteres.
  • Máximo 17 caracteres por segundo en pantalla (npm run lint lo verifica). Una línea que se lee demasiado rápido necesita menos palabras, no una voz más rápida.
  • Escribe los números en el subtítulo como lo hace el artículo. Si el TTS debe decirlos de forma diferente, proporciona a la línea una forma hablada (consulta la skill narration); nunca cambies el subtítulo por ello.
  • Evita URLs largas e identificadores de código en la narración; se ajustan mal y se leen peor.

EN y ES

  • Escribe el par EN/ES junto, línea por línea, para que ambas versiones se mantengan sincronizadas. ES es opcional: deja el texto ES vacío mientras un video sea solo EN.
  • La línea ES dice lo mismo, no una traducción palabra por palabra; mantenla tan corta como la EN.

Visual por escena

Cada escena recibe una idea visual, asignada a un componente de la biblioteca (consulta explainer-animation):

Idea visualComponente
Una cifra principal que cuenta hacia arribaCounter
De dos a cinco valores lado a ladoBarCompare
Un pipeline, una transferencia, un enlace rotoFlowDiagram
La frase en la que se apoya el artículoKeyQuote
De dos a cuatro cifras a la vezStatGrid
Gancho y cierreTarjetas intro / outro

Si ningún componente encaja, marca la escena como "a medida" con una descripción de una línea de la animación. Evita un video que sea solo texto sobre un degradado: cada artículo obtiene al menos un elemento visual que muestre su mecanismo.

Formato del guion

Escribe script.md como una tabla, una fila por línea de narración:

EscenaComponenteLínea ENLínea ESVisualFrase fuente
  • "Frase fuente" cita el artículo para cada número y cada afirmación en la línea.
  • Termina con el recuento de palabras (EN) y la duración estimada.
  • Preséntalo para su aprobación antes de construir cualquier elemento.

Individual skills in this repo

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

Skills relacionados