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

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.

- Dificultad: intermedio
- Guía completa: https://lab.wisd.ai/hub/motion-graphics-skills

---

## Para el agente: cómo acompañar al usuario

1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

---

## Pasos de configuración

### Prepara una prueba acotada

Elige un texto propio, proporción, duración y tres escenas como máximo para el ensayo.

### Configura Guizang

Sigue [Guizang](/hub/guizang-social-card-skill), incluidos sus requisitos, configuración y comprobación actuales. Carga la skill en el arnés, exporta una tarjeta de prueba y revisa el PNG; conserva su ruta, dimensiones y texto aprobado.

### Configura HyperFrames

Sigue [HyperFrames](/hub/hyperframes), incluidos sus requisitos, configuración y comprobación actuales. Completa la preparación del proyecto y sus skills, revisa la vista previa y reproduce el MP4 exportado; conserva la ruta que imprime la CLI.

## Datos que pasan entre piezas

Los archivos siguientes son entregables de este caso preparados por el agente; no implican exportadores ni sincronización automática.

Pasa de Guizang a HyperFrames las rutas de los PNG aprobados y escenas.md con texto, orden, dimensiones y tiempos; conserva esos archivos locales dentro del alcance del proyecto. Registra la ruta del MP4 que devuelve el render; si falta un PNG, duración o aprobación, detén el montaje y solicita lo pendiente.

## Monta el flujo

### Paso 1

Con Guizang, crea y exporta las tarjetas estáticas. Revisa el mensaje y su legibilidad antes de aprobarlas.

### Paso 2

Inicializa HyperFrames en una carpeta nueva. Pide al agente una composición que use las tarjetas aprobadas y documente cuándo entra y sale cada escena, siguiendo las skills instaladas del framework.

### Paso 3

Abre la vista previa y revisa puntos intermedios. Tras corregir cortes y tiempos de lectura, renderiza y reproduce el archivo final.

## Comprobación

Confirma que el primer y último fotograma están completos, que el texto se puede leer y que las dimensiones son las acordadas. Revisa también instantes entre escenas.

## Si algo falla

Si hay saltos al buscar un instante, revisa la línea de tiempo y la disponibilidad de activos. Si la tarjeta pierde nitidez, vuelve a exportarla para el tamaño del vídeo.

La configuración se consulta en las guías del hub enlazadas. Esta composición es una propuesta de WISD; no se ha ejecutado como prueba integral.

## Prompt para tu agente

Piezas del flujo: [Guizang](/hub/guizang-social-card-skill) · [HyperFrames](/hub/hyperframes).

```text
Lee y sigue las instrucciones publicadas de las piezas: Guizang: /hub/guizang-social-card-skill/instrucciones.md; HyperFrames: /hub/hyperframes/instrucciones.md. Completa los requisitos, configuración y comprobación de cada pieza antes de usarla; comprueba su uso desde el cliente o arnés elegido, no solo su presencia en disco. Si falta un campo entre <>, una fuente obligatoria, acceso o una operación documentada, detén la etapa dependiente, informa qué falta y pídemelo; usa una alternativa manual solo cuando esté descrita y comprobada. No inventes datos ni des por superada una comprobación pendiente.

Crea con Guizang tarjetas para <mensaje>, <público> y <formato>, usando <medios autorizados>. Exporta y revisa PNG antes de montar. En <carpeta nueva> crea una composición HyperFrames siguiendo sus skills y <duración objetivo>; usa los activos aprobados. Revisa vista previa e instantes entre escenas, renderiza y reproduce el archivo. Entrega <ruta final> con comprobaciones de texto, dimensiones y duración, sin publicar.

Pasa de Guizang a HyperFrames las rutas de los PNG aprobados y escenas.md con texto, orden, dimensiones y tiempos; conserva esos archivos locales dentro del alcance del proyecto. Registra la ruta del MP4 que devuelve el render; si falta un PNG, duración o aprobación, detén el montaje y solicita lo pendiente.
```