# Animación editorial: de tarjetas estáticas a una pieza de vídeo

> Prepara primero el mensaje y la composición estática; después anima una secuencia breve y revisa el archivo exportado.

Verificado el 27 oct 2026.

## Qué es

Un flujo para convertir tarjetas informativas propias en una secuencia de vídeo. Separa la revisión del contenido y del encuadre estático de la revisión del movimiento, de modo que cada etapa tenga una salida que puedas inspeccionar.

## Para qué te sirve

- Cuando un carrusel aprobado necesita una versión breve en vídeo.
- Cuando quieres corregir el texto antes de invertir tiempo en transiciones y render.

- Cuando una serie de tarjetas necesita tiempos de lectura distintos antes de exportar el vídeo.

## Cómo funciona

[Guizang](/hub/guizang-social-card-skill) prepara tarjetas y PNG. [HyperFrames](/hub/hyperframes) compone una línea de tiempo web y genera el vídeo. El agente utiliza los PNG aprobados como activos o reconstruye su composición; no se presupone un importador que transforme la tarjeta en animación editable.

## Antes de empezar

Necesitas un agente con acceso a archivos, Node.js ≥22.20.0 con npm/npx y el entorno de captura de Guizang. Guizang requiere Node.js ≥22.20.0 para instalar la skill; La secuencia de HyperFrames con actualización de skills requiere también Node.js ≥22.20.0, Git y FFmpeg. Comprueba los requisitos de captura y render de sus guías. Usa medios locales con derechos de uso; generar voz o imágenes con servicios externos puede costar.

## Límites y alternativas

Un PNG solo conserva píxeles: para animar elementos por separado habrá que reconstruirlos. Las animaciones de HyperFrames deben poder reproducir un instante concreto de forma determinista. Este caso no promete producción automática de sonido ni publicación en redes. Revisa el MP4 completo antes de compartirlo.

## Recursos

- [Guizang](/hub/guizang-social-card-skill) — guía y configuración de esta pieza.
- [Fuente primaria de Guizang](https://github.com/op7418/guizang-social-card-skill) — documentación enlazada por su guía.
- [HyperFrames](/hub/hyperframes) — guía y configuración de esta pieza.
- [Fuente primaria de HyperFrames](https://github.com/heygen-com/hyperframes) — documentación enlazada por su guía.