Communitygithub.com

morrimoz/guion-y-storyboard-de-video

Úsala cuando el usuario necesite escribir el guion Y crear el storyboard de un video de producto de software, app, SaaS, IA, API, fintech o startup. Ideal para videos de lanzamiento, hero de inicio, demo, explicador, teaser, segmento de keynote, VSL o cortes para redes sociales.

¿Qué es guion-y-storyboard-de-video?

Esta habilidad permite a los agentes de IA generar guiones y storyboards completos para videos promocionales de productos tecnológicos, siguiendo un proceso estructurado en cinco pasos. Primero, define la arquitectura del lanzamiento (video hero, demo, teaser, etc.) y el framework narrativo (Hook-CTA, PAS, AIDA, Explicador, VSL) según la duración y el objetivo. Luego, selecciona un gancho específico, construye una secuencia de pruebas con módulos de reclamo-prueba-implicación, y escribe los beats visuales y el llamado a la acción. Finalmente, convierte el guion en un storyboard detallado con tarjetas por escena que incluyen descripción visual, copy en pantalla, voz en off, psicología del espectador y notas para motion designers. La habilidad también guía la comunicación con el usuario para aclarar detalles del lanzamiento, rechazar listas de características infladas y traducir solicitudes de estilo (como 'estilo Apple') en estructura narrativa concreta. Es compatible con cualquier agente que procese texto y markdown, y es ideal para equipos de producto que necesitan producir videos listos para producción sin depender de agencias externas.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/morrimoz/video-script-storyboard/tree/HEAD

Preguntar en tu IA favorita

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

Documentación

Guion y Storyboard de Video

Escribe videos de producto como los equipos de software fuertes realmente los entregan: un cambio claro, una secuencia de pruebas creíble, una lógica visual, un siguiente paso. Luego convierte cada beat en un storyboard listo para producción que un motion designer pueda construir de inmediato.

No escribas un anuncio de marca genérico con UI pegada. No escribas una lista de funciones con adjetivos cinematográficos. Haz que el espectador entienda qué cambió, por qué importa y qué hacer a continuación. Luego entrega un storyboard que diga exactamente cómo se ve, se lee y se mueve cada escena.

El resultado es un documento único con dos capas:

  1. Capa de guion: el argumento, la secuencia de pruebas y el copy (regido por la disciplina de lanzamiento a continuación).
  2. Capa de storyboard: tarjetas de escena con imágenes, copy en pantalla, voz en off, tiempo, psicología y notas de movimiento. Cuando el montaje mezcle material real, grabación de pantalla, gráficos diseñados y clips generados, etiqueta cada escena con una de esas cuatro fuentes y un ID de ranura para que un editor pueda insertar el material después.

Comunicación con el usuario

Antes de escribir, aclara la forma del lanzamiento. Pregunta por las cosas que cambian el guion:

  • ¿Qué se lanza exactamente (nuevo producto o nueva función de uno existente)?
  • ¿Para quién es esto ahora mismo?
  • ¿Dónde vivirá el video: hero de inicio, página de lanzamiento, keynote, corte para redes sociales, anuncio pago, App Store, actualización para inversores?
  • ¿Qué puede llevar la página o campaña fuera del video?
  • ¿Cuál es la acción única después de verlo: probarlo, aprender más, registrarse, reservar demo, ver keynote, leer docs?
  • ¿Qué pruebas tienes realmente: UI, flujo de trabajo, resultado, cliente, dato, demo en vivo, antes/después?
  • ¿Cómo debería sentirse la pieza: contenido, premium, técnico, divertido, urgente, tranquilo?
  • ¿Relaciones de aspecto?: 16:9, 9:16, 1:1? (Decide temprano: cambia el encuadre y la colocación del texto).

Si el usuario te da una lista inflada de funciones, recházala. Un video de lanzamiento hero no es el lugar para volcar todo el roadmap. Sugiere dividir en un teaser, un video hero, una demo más profunda, un post de lanzamiento o varios módulos.

Si piden "estilo Apple" o "estilo Stripe", tradúcelo en estructura, no en imitación. Apple significa realidad cambiada inmediata y módulos de producto limpios. Stripe significa que puedes abrir con apuestas de categoría para productos técnicos, pero necesitas pruebas concretas casi de inmediato.

Prefiere una audiencia y un CTA principal. Si el lanzamiento sirve a múltiples audiencias, deja que la página maneje la segmentación.

Si un detalle faltante cambia la dirección creativa, pregunta hasta tres preguntas. De lo contrario, declara supuestos y procede.


Paso 1 - Elige la arquitectura y el framework de lanzamiento

Decide qué trabajo está haciendo este video, luego elige un framework que se ajuste a su duración y objetivo.

Trabajo del video (división aproximada):

  • Video hero de lanzamiento: haz el caso rápido; la página lleva el detalle.
  • Demo más profunda: recorre el flujo de trabajo y responde más objeciones.
  • Teaser: crea intriga; no intentes explicar todo.
  • Segmento de keynote: puedes dedicar algunos beats más a las apuestas, pero cada minuto añadido necesita un módulo de prueba fresco.
  • Clip de lanzamiento/función: una actualización, un beneficio, un traspaso a notas o producto.

Framework por duración y objetivo:

FrameworkMejor paraDuraciónEstructura
Gancho-CTAAnuncios sociales15-30sProblema → Solución → CTA
PASTráfico frío30-90sProblema → Agitación → Solución
AIDADemos de producto / lanzamientos de funciones60-120sAtención → Interés → Deseo → Acción
El ExplicadorEducación primero60-180sContexto → Cómo funciona → Beneficios → CTA
VSL ClásicoPáginas de ventas3-10minHistoria → Problema → Solución → Prueba → Oferta → CTA

Pautas de duración:

DuraciónTipoObjetivo
6-15sMicro-contenidoNotoriedad, viralidad
15-30sAnuncios socialesTráfico, interés
30-60sTeasers de producto/funciónSolicitudes de demo, clics
60-90sExplicadoresComprensión, tiempo de visualización
90-180sDemos completasRegistros de prueba
3-10minVideos de venta VSLDecisiones de compra

Escribe el guion para un trabajo. Un video se vuelve blando cuando intenta ser teaser, manifiesto, demo completa y cierre de ventas a la vez. Por defecto, hazlo más corto de lo que el equipo quiere: añade tiempo solo cuando la idea sea genuinamente difícil de visualizar o cada sección añadida gane su lugar con un nuevo módulo de prueba.


Paso 2 - Elige el gancho

Los primeros 3-5 segundos determinan la mayor parte de la retención. Abre con la realidad cambiada, no con la autofelicitación. Elige un gancho a propósito:

  1. Llegada directa / realidad cambiada. Mejor cuando la marca ya tiene atención. Declara lo que está aquí ahora ("GPT-5 está aquí").
  2. Dolor → alivio. Mejor para productos de flujo de trabajo. Nombra la fricción, luego muestra el producto eliminándola. ("¿Cansado de [dolor]?")
  3. Tensión antes/después. Mejor cuando el contraste es visual e inmediato.
  4. Apuestas macro → demo concreta. Mejor para infraestructura, fintech, IA, APIs. Abre con el cambio de categoría, pero materialízalo en una transacción, comando o flujo de trabajo visible dentro del primer beat importante.
  5. Simbólico / metáfora primero. Solo cuando el producto aún no se puede mostrar o es demasiado abstracto. Ata la metáfora al producto rápidamente.
  6. Gancho de demostración / prueba social. Muestra un resultado impresionante de inmediato, o lidera con un número específico ("10,000 equipos ya envían de esta manera").

Mantén la frase de apertura simple. Evita "revolucionario", "innovador" y rellenos similares a menos que el siguiente beat demuestre la afirmación de manera visible. Prueba el gancho de forma independiente: debería funcionar como un anuncio independiente.


Paso 3 - Construye la secuencia de pruebas

Organiza la parte media por módulos de prueba, no por orden de menú de funciones. Para cada módulo escribe:

  1. Afirmación: qué cambió.
  2. Prueba: el plano, momento del flujo de trabajo, resultado, métrica o demostración que lo hace creíble.
  3. Implicación: por qué debería importarle al espectador.

Secuencia por tarea del usuario o resultado. Un flujo de trabajo realista gana a una lista de verificación de funciones. Dale a cada afirmación importante espacio para asentarse: un módulo de prueba fuerte gana a tres débiles. Si el producto es técnico o pesado en infraestructura, gana especificidad temprano; no te quedes en nivel de marketecture por mucho tiempo.

Dónde van los elementos de conversión (úsalos solo cuando sea honesto y apropiado):

  • Prueba social temprana (15-25%): genera credibilidad antes de grandes afirmaciones.
  • Prueba de función (40-60%): un testimonio o resultado después de cada beneficio clave.
  • Prueba final (80-90%): enfocada en resultados, justo antes del CTA.

Orden de manejo de objeciones: ¿Funciona? (demo + prueba) → ¿Funcionará para mí? (casos de uso) → ¿Es complicado? (muestra simplicidad) → ¿Vale la pena? (ROI/valor) → ¿Qué pasa si falla? (garantía/reversión de riesgo).

Lidera con transformación, no con funciones. Nombra el dolor antes de la solución. Crea urgencia a través del valor, no con escasez falsa: nunca uses cuentas regresivas falsas o escasez falsa.


Paso 4 - Escribe beats, imágenes, ritmo y CTA

Piensa en beats, no en párrafos. Tipos comunes de beats: contexto (qué cambió / qué sigue doliendo), producto (la nueva capacidad), prueba (acción en vivo, resultado, evidencia), lanzamiento (quién lo obtiene, qué hacer, dónde profundizar).

Transiciones deben avanzar el argumento, no decorar. Corte brusco en una nueva afirmación. Superposición o puente para continuidad. Reduce la velocidad brevemente cuando el espectador deba analizar la interfaz, código o un resultado.

Gramática visual - mantenla restringida: un enfoque de producto, una lógica de movimiento, una dirección artística de apoyo, un nivel de estilización. Mantén la interfaz o la prueba concreta como heroína. Anima lo suficiente para aclarar y elevar, nunca tanto que el producto enviado se sienta decepcionante después.

Texto en pantalla hace uno de cuatro trabajos: etiquetar el momento, encuadrar el beneficio, dirigir la atención, puntuar el lanzamiento. Nunca lo uses como transcripción de la voz en off. Si el encuadre está ocupado, simplifica las palabras; si la línea está haciendo un trabajo explicativo, calma el encuadre. Planifica para visualización sin sonido (la mayoría ve sin sonido): la historia debe leerse solo con texto/imágenes.

Voz en off (si se usa) se escribe en fragmentos de pensamiento hablado. Una oración debe comprar una acción visual, revelación o beneficio claro. Conversacional sobre la interfaz: la prosa de documentación suena rígida al hablarla. Deja que los momentos importantes respiren.

CTA: mantenlo simple y orientado hacia adelante. Por defecto, un CTA después de una secuencia de pruebas completa o al final; deja que la página ramifique por audiencia/precios/documentación. Mínimo dos CTA solo para VSL más largos (un teaser a mitad de camino una vez que suficiente prueba haya aterrizado, más el final). Sé específico ("Inicia prueba gratuita", no "Más información") y elimina fricción ("Sin tarjeta de crédito" si es cierto). Si el CTA se siente como una interrupción, probablemente es demasiado temprano.


Paso 5 - Produce el storyboard (el entregable)

Convierte el guion en un documento con estas secciones. Sé concreto sobre lo que el espectador debe entender y por qué existe la escena. Deja la ejecución plano a plano al motion designer o editor. Si la producción necesita un traspaso, termina con cuatro listas: material a grabar, indicaciones de clips generados, escenas diseñadas y grabaciones de pantalla a capturar.

1. Encabezado del guion

# [Título del Video]

**Tipo**: [Video de lanzamiento / Reel de funciones / Explicador / Demo de producto / Anuncio social / VSL]
**Duración**: [Segundos totales]
**Relación de aspecto**: [16:9 / 9:16 / 1:1]
**Objetivo**: [Objetivo de conversión principal]
**Audiencia objetivo**: [Persona específica]
**Framework**: [AIDA / PAS / Gancho-CTA / Explicador / VSL]
**Elección de gancho**: [Qué gancho y por qué]

## Mensaje clave
[Frase única: ¿qué deben recordar los espectadores?]

## Acción deseada
[CTA específico: ¿qué deben hacer los espectadores?]

2. Arco narrativo + viaje emocional

## Arco narrativo
Gancho (0-Xs): [Cómo captamos la atención]
Construcción (Xs-Ys): [Cómo construimos interés/deseo]
Clímax (Ys-Zs): [Clímax / propuesta de valor principal]
Cierre (Zs-Fin): [CTA y resolución]

## Viaje emocional
Inicio: [Frustrado / Curioso / Abrumado]
→ Medio: [Esperanzado / Intrigado]
→ Fin: [Confidente / Emocionado por actuar]

3. Storyboard escena por escena

Escribe una tarjeta por escena:

## Escena N: [Nombre de la Escena] (Xs-Ys, Duración: Zs)

**Propósito narrativo**: [Por qué existe esta escena - avanza la historia Y la conversión]

**Texto en pantalla**:
"[Texto exacto en pantalla]"

**Voz en off** (opcional):
"[Palabras exactas habladas]"

**Descripción visual**:
[Lo que ven los espectadores - lo suficientemente específico para construir, no para sobrespecificar]
- Fondo / entorno
- Punto focal principal (generalmente el producto/prueba)
- Imágenes de apoyo
- Tratamiento del texto

**Psicología del espectador**:
[Estado emocional que creamos · objeción manejada (si la hay) · deseo construido]

**Elementos de prueba / venta**:
[Mapeo afirmación→prueba · prueba social · reversión de riesgo · énfasis en beneficio - solo si es honesto]

**Transición a la siguiente**:
[Cómo fluye esto hacia adelante y por qué avanza el argumento]

**Notas para el motion designer**:
[Ritmo (rápido/lento), estilo (audaz/sutil), momentos clave a enfatizar, en qué detenerse]

4. Requisitos de producción

## Activos necesarios
- [ ] Archivos de logotipo
- [ ] Capturas de pantalla / maquetas / grabaciones de pantalla del producto
- [ ] Fotos o citas de clientes (si se usan testimonios)
- [ ] Elementos de visualización de datos, iconos
- [ ] Música / dirección de VO

## Elementos de copy
- Titulares / subtítulos (lista completa)
- CTAs (lista cada instancia)
- Citas de prueba social (lista todas, con fuente)

## Pautas de marca
- Voz: [Profesional / Casual / Técnico / Amigable]
- Tono: [Contenido / Premium / Urgente / Tranquilo / Emocionante]
- Restricciones: [Reglas de copy o visuales, innegociables vs. deseables]

Mantén las líneas de voz en off hablables, el texto en pantalla corto y la dirección visual concreta. Marca las métricas inventadas o nombres de demo como marcadores de posición. Proporciona dirección visual, no especificaciones técnicas: deja la ejecución plano a plano al motion designer.


Prueba el guion y el storyboard antes de entregar

Claridad y prueba:

  • ¿El primer beat deja clara la nueva realidad?
  • ¿Cada afirmación importante obtiene prueba visible?
  • ¿Podría un espectador escéptico explicar qué cambió después de una visualización?
  • ¿La parte media está organizada por flujo de trabajo/resultado, no por volcado de funciones?
  • Si eliminas el logotipo de la marca, ¿la prueba aún se siente específica de este producto?

Densidad de ritmo y copy (léelo en voz alta):

  • ¿Una oración intenta cubrir múltiples acciones visuales?
  • ¿El texto en pantalla repite la voz en off?
  • ¿Grandes afirmaciones apiladas sobre movimiento ocupado?
  • ¿Sin pausa donde el espectador necesita analizar la interfaz?
  • ¿El tiempo de ejecución creció sin añadir mejor prueba?
  • Si un momento se siente abarrotado, reduce un canal: menos palabras, movimiento más tranquilo o menos texto.

Ajuste del CTA:

  • ¿El espectador ha visto suficiente prueba antes del CTA?
  • ¿El CTA se siente como el siguiente paso lógico?
  • ¿El video intenta segmentar audiencias que la página debería segmentar?

Preparación para producción:

  • Cada escena tiene tiempo y duración.
  • Las descripciones visuales son claras y específicas.
  • Los activos están listados; las notas del motion designer están presentes; el propósito narrativo está declarado por escena.
  • El formato está listo para entregar sin aclaraciones.

Si la respuesta a cualquier pregunta de claridad es no, el guion sigue siendo demasiado genérico.


Mejorando un borrador débil

Aprieta la abstracción en evidencia. Reemplaza afirmaciones vagas con un paso de flujo de trabajo, un resultado, un antes/después visible, un comando real, un artefacto concreto, un número con contexto o un resultado de usuario. "Colaboración poderosa" es débil. "Revisa, comenta y envía desde el mismo archivo" es más fuerte. Mostrarlo sucediendo es aún más fuerte.

Corta la acumulación informativa. No dejes que la tesis macro, la narración densa, la interfaz ocupada y muchas etiquetas golpeen a la vez. Elige el canal principal por beat: si lo visual lo lleva, simplifica la línea; si el concepto es abstracto, calma lo visual y deja que la línea explique; si el beneficio es nuevo, haz una pausa lo suficientemente larga para registrarlo.

Divide un video inflado en múltiples activos. Teaser para anticipación · video hero para el caso principal · demo más profunda para comprensión · página de lanzamiento/notas para detalle · cortes para redes/anuncios. Los lanzamientos repetidos generalmente ganan a un megalanzamiento sobreconstruido.


Antipatrones

A nivel de guion: abrir con adjetivos en lugar de una realidad cambiada · manifiesto de marca sin prueba · volcado de funciones (cinco funciones, dos s...

(El texto original se trunca, pero se ha traducido la parte proporcionada.)

Skills relacionados