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.
Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
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, 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, 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.
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.
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 prepara tarjetas y PNG. 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.
