Communitygithub.com

viral-video-playbook

Lo que 418 videos virales creados con IA (gráficos animados, explicativos, 3D, demos interactivos hechos con Claude, Remotion, HyperFrames, Three.js) tienen en común, desglosado fotograma a fotograma: ganchos, transiciones, animación de texto, ritmo, arcos musicales, efectos de sonido, color, tipografía, finales, más una búsqueda en los 418 para ejemplos reales con recetas paso a paso. Úsalo al planificar, escribir guiones, storyboard, construir o revisar cualquier video corto, de lanzamiento, promocional, explicativo, demo de producto, gráfico animado, cartel de título o animación, o cuando el usuario pregunte cómo hacer un video más atractivo, más viral, más contundente o con mejor ritmo. Inspiración, no reglas.

¿Qué es viral-video-playbook?

Viral-video-playbook es un skill diseñado para creadores de contenido y desarrolladores que buscan mejorar el impacto y la viralidad de sus videos cortos generados con IA. Analiza 418 videos virales publicados en X, desglosando cada uno fotograma a fotograma para extraer patrones de éxito en ganchos, ritmo, animación, sonido y diseño visual. Incluye un archivo markdown con hallazgos cuantitativos, una base de datos JSON con detalles de cada video y un script de búsqueda en Python (sin dependencias externas) para encontrar referencias concretas por tema, efecto o estilo. Es ideal para plataformas como Claude Code, Cursor o Codex, y su flujo de uso abarca desde la planificación inicial (revisar benchmarks) hasta la revisión final del render contra errores comunes. El skill promueve la inspiración selectiva: sugiere tomar 1-2 ideas por video y dar crédito a los creadores originales.

Compatible con✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/tejas3732/viral-video-playbook/tree/main/skills/viral-video-playbook

Preguntar en tu IA favorita

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

Documentación

Viral video playbook

418 videos virales hechos con IA (publicados en X), cada uno visto fotograma a fotograma por Google Gemini y desglosado en gancho, compases con marcas de tiempo, aspecto visual, movimiento, sonido, final, lo que funciona, puntos débiles y recetas reutilizables.

  • PLAYBOOK.md: los hallazgos en palabras claras, con números. Lee la sección 1 ("la versión corta") antes de planificar un video.
  • data/videos.jsonl: un registro por video (handle, enlace del post, category, duration_s, analysis).
  • scripts/refs.py: busca en los registros (solo biblioteca estándar).

Trata todo esto como inspiración, no reglas. Toma prestada una o dos ideas que se ajusten al brief; no fuerces un patrón que lo contradiga, y salta este skill si el usuario ya tiene una visión clara.

Cómo usarlo

1. Antes del storyboard: obtén los benchmarks

Lee la sección 1 de PLAYBOOK.md, más la sección para la decisión en cuestión (2 ritmo según tipo de video, 3 ganchos, 4 movimiento, 5 sonido, 6 aspecto visual, 7 finales, 8 errores, 9 prompts).

La versión corta:

  • Gancho en los primeros 3 s con una sorpresa visual (53%), un problema que el espectador sienta (17%) o una demo instantánea (14%). No un logotipo.
  • Música 94%, efectos de sonido 91%, voz en off solo 12% (28% para explicativos): el movimiento + el texto en pantalla + el ritmo cuentan la historia.
  • Mediana 120 BPM, cortes y revelaciones al ritmo; arco = pulso tranquilo → construcción → caída en la revelación → acorde de resolución en la tarjeta final.
  • Mediana 30 s; aproximadamente 3 cortes por cada 10 s (gráficos animados 4, explicativos 2, 3D 1).
  • Los momentos distintivos son morphs: una forma, tarjeta o pantalla que se convierte en la siguiente sin corte.
  • Compases limpios y ocupados: el estilo minimalista tipo keynote de Apple es el aspecto visual principal; un color de acento; titulares sans-serif en negrita + etiquetas mono.
  • Termina con un lockup de marca + un CTA claro (el 46% no tiene ninguno: una ventaja fácil).

2. Encuentra referencias para los compases específicos

python3 scripts/refs.py "<tema, efecto o estilo>"            # top 5 coincidencias con gancho, momento clave, receta
python3 scripts/refs.py "logo reveal" --type motion --n 3     # --type: motion | explainer | 3d | interactive
python3 scripts/refs.py "single dot morph" --long             # + compases con marcas de tiempo, aspecto visual, movimiento, sonido
python3 scripts/refs.py --stats                               # cifras principales

Las rutas son relativas a la carpeta de este skill. Consulta con palabras simples para lo que necesites ("contador", "escritura en terminal", "antes después wipe", "texto sincronizado al ritmo", "vista explotada 3D", "respuesta IA chat", "recorte de papel"). Cada resultado da el creador, un enlace al post original, el gancho, el momento destacado y una receta concreta (tiempos, easing, diseño, colores, sonido).

Elige 1–2 ideas por video y anótalas en el storyboard como "Inspirado por: @creator (momento, enlace)", para que el préstamo sea visible y se dé crédito. No copies un video completo.

3. Escribe el brief / prompt

Los prompts que especificaron música o BPM, efectos de sonido, relación de aspecto, fuentes y easing obtuvieron puntuaciones más altas. Esqueleto (de la sección 9 de PLAYBOOK.md):

Haz un video de [30 s] [16:9] [gráficos animados / explicativo] en [Remotion / HyperFrames] sobre [X].
Aspecto visual: [minimalista tipo keynote de Apple | editorial serifa crema | HUD oscuro tipo terminal], un color de acento [#hex],
fuentes [título sans-serif en negrita + etiquetas mono].
Gancho (0–3 s): [sorpresa visual / problema / demo instantánea].
Compases: [4–6 escenas con marcas de tiempo aproximadas]; momento distintivo = [un elemento se TRANSFORMA en el siguiente].
Movimiento: springs rápidos, aproximadamente [4] cortes por cada 10 s, una cosa moviéndose a la vez, texto en pantalla el tiempo suficiente para leerlo.
Sonido: [electrónica, 120 BPM], construcción → caída en la revelación → acorde de resolución en la tarjeta final;
whoosh en transiciones, clic en UI, golpe de subgraves en revelaciones.
Final: logotipo + eslogan + URL + CTA de una línea, mantenido quieto durante 2 s.

4. Revisa el render contra los errores más comunes

Las principales críticas en los 418: texto demasiado rápido para leer (42%), desordenado (25%), final abrupto, demasiado largo, música genérica. Verifica:

  • Cada línea de texto está en pantalla al menos (palabras × 0.3 s) + 0.5 s.
  • Solo una cosa se mueve a la vez en el área focal.
  • Los primeros 3 s muestran algo que sucede, no un logotipo ni un fotograma en blanco.
  • Los cortes y revelaciones caen al ritmo; hay al menos un efecto de sonido por acción de UI.
  • El final está asentado (sin fallo en el fotograma final) con un CTA claro.
  • Para X: los primeros fotogramas son una tarjeta limpia con marca, porque X muestra un fotograma temprano como vista previa.

Notas sobre los datos

  • Las puntuaciones provienen de Gemini y son generosas (mediana 9/10): úsalas para clasificar, no como calificaciones.
  • Analizados con Gemini 3.5 Flash-Lite (402 videos) y 3.5 Flash (16) el 26 de octubre de 2026. Las descripciones pueden contener pequeños errores; abre el post original antes de confiar en un detalle.
  • Los videos y prompts pertenecen a sus creadores en X; cada registro enlaza al post original. Da crédito a los creadores cuando tomes prestado algo de ellos.

Skills relacionados