
Renderizado con este Skill
Título portal wireframe v1.0.0
Un portal de malla estalla, tu título lo atraviesa volando y luego sus letras se mezclan hasta formar una segunda frase.
- 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 una apertura de 8 segundos llena de energía. Un destello blanco rasga una cartela de título limpia, detrás se abre un túnel de malla, el título lo atraviesa con glitch en letras de contorno y sus letras se intercambian hasta formar una segunda frase antes de que el encuadre se apague en un destello. El título, la segunda frase, el subtítulo, el color de acento y el glitch son variables.
Actualizado el 2 nov 2026
Qué obtienes
- Una apertura en MP4 de 8 segundos a 1920×1080
- Un título que se transforma en una segunda frase
- Variables para los textos, el acento, el glitch y la niebla
Ideal para
- Aperturas de lanzamientos y drops
- Intros de eventos, directos y episodios
- Promos con energía de gaming, tecnología y comida
No es para
- Marcas tranquilas, sobrias o de lujo
- Frases largas
Sobre este Skill
/wireframe-portal-title Haz un título portal wireframe para el lanzamiento de nuestra hamburguesa: título "DOUBLE STACK", segunda frase "Now serving", subtítulo "THE DOUBLE STACK BURGER", acento naranja.
Una apertura con pegada. Wireframe Portal Title empieza en una cartela de título tranquila y luego la hace estallar: un destello blanco, un túnel de malla pasando a toda velocidad, el título en letras de contorno con un borde RGB y un intercambio de letras hacia tu segunda frase. Termina en un destello, así que corta directamente al siguiente plano.
Cómo funciona
- Pide: dile a tu agente qué debe decir el título: el título, la frase en la que se convierte, un pequeño subtítulo y un color de acento.
- 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
- Usa dos frases de longitud parecida para que el intercambio de letras se lea con claridad.
- Los títulos en mayúsculas son los que mejor quedan con las letras de contorno.
- Baja el glitch para una sensación más limpia y premium.
- Cambia en el HTML la pequeña línea "presents" por el nombre de tu marca.
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
- Un título, la frase en la que debe convertirse y un color de acento.
- 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 quitar la línea "presents"?
Sí. Es una línea de texto en el HTML; tu agente puede cambiarla por el nombre de tu marca o eliminarla.
¿Funciona en vertical?
Está hecho para 1920×1080. Tu agente puede renderizarlo y recortar el centro para una versión 9:16, ya que el título está en el centro del encuadre.
¿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, Ember & Bun.






