
Renderizado con este Skill
Título Code Slice Hero v1.0.0
Un gran titular hecho de fichas que giran una a una bajo una ola de profundidad y revelan un segundo titular detrás.
- Formato
- Vídeo · 16:9
- Duración
- 0:08
Gratis Gratis con una cuenta
Pega esto en tu agente. Conecta la CLI si hace falta y luego instala el Skill.
Un bloque gratuito de HyperFrames para cartelas de título de 8 segundos. El titular frontal está impreso sobre una cuadrícula de celdas; un suave campo de profundidad lo recorre, cada celda gira con un pequeño rebote y su sombra, y al final queda el titular trasero. Las dos líneas, la dirección del barrido, la velocidad, el tamaño de celda y los colores son variables.
Actualizado el 2 nov 2026
Qué obtienes
- Una cartela de título en MP4 de 8 segundos a 1920×1080
- Dos titulares con un giro ficha a ficha entre ellos
- Variables para el barrido, el ritmo, el tamaño de celda, las sombras y los colores
Ideal para
- Aperturas de lanzamiento y cartelas finales
- Frases de promesa y remate para redes sociales
- Cambios de marca y mensajes de antes y después
No es para
- Frases largas o párrafos
- Vídeos que necesitan imágenes del producto en el título
Sobre este Skill
/code-slice-hero Usa el bloque code slice hero para el lanzamiento de nuestra zapatilla de running: titular frontal "RUN SOFT.", titular trasero "RUN FAR.", barrido de izquierda a derecha. Renderízalo a 1080p.
Dos líneas cortas, un giro limpio. Code Slice Hero imprime tu primer titular sobre una cuadrícula de celdas cuadradas. Una ola recorre el encuadre, levanta e inclina cada celda a su paso, y cada una gira para mostrar su trozo del segundo titular. Funciona mejor con dos líneas contundentes de la misma longitud: una promesa y su remate, un nombre de producto y una garantía, "antes" y "después".
Cómo funciona
- Pide: dile a tu agente qué debe decir el título: el titular frontal y el titular al que gira.
- Prepara: coloca el bloque en un proyecto de HyperFrames y rellena tus textos y colores como variables de renderizado.
- Previsualiza: revisa algunos fotogramas y luego renderiza un MP4 a 1920×1080 con
npx hyperframes render. - Reutiliza: las variables están en un solo archivo JSON, así que un titular nuevo o una marca nueva es solo un renderizado más.
Consejos
- Mantén las dos líneas cortas (de una a tres palabras) y de longitud parecida para que el giro se lea como un solo gesto.
- Cambia la dirección del barrido para que coincida con el sentido de lectura de la siguiente escena de tu montaje.
- Reduce el tamaño de celda para un giro más fino y digital; auméntalo para uno más grueso, tipo póster.
- Úsalo como cartela de apertura o de cierre de un vídeo de lanzamiento más largo.
Código abierto
Es un bloque del registro de HyperFrames. Lo han creado HeyGen y los colaboradores de HyperFrames (heygen-com/hyperframes) y se comparte con la Apache License 2.0. La descarga es el bloque con sus recursos, listo para renderizar; HyperFrames se ejecuta desde npm.
Qué necesitas antes de empezar
- Tú aportas
- Dos titulares cortos y, si quieres, los colores de tu marca.
- Dependencias
- Node.js 22 o posterior — obligatorio · FFmpeg — obligatorio
- Costes externos
- Ninguno. HyperFrames es gratuito y de código abierto, y renderiza en tu propio ordenador.
- Última prueba
- v1.0.0 —
Opiniones de usuarios
Aún no hay opiniones. Instala el Skill y sé el primero en valorarlo.
Preguntas frecuentes
¿Puedo usar mi propia tipografía?
Sí. El bloque incluye Geist (de código abierto); cámbiala por cualquier fuente web y ajusta la variable de tamaño de letra para que la línea llene el encuadre.
¿Puede el giro ir de derecha a izquierda?
Sí. La dirección es una variable, igual que la duración del barrido, su curva de aceleración y la duración del giro.
¿Por qué es gratis?
Es un Skill de código abierto de HeyGen y los colaboradores de HyperFrames. Lo listamos tal cual, con una muestra hecha ejecutándolo sobre una de nuestras marcas de la casa, Halden Solace.






