Gratis
Vael · 16:9
Renderizado con este Skill
Lista de especificaciones v1.0.0
Una lista de especificaciones alineada a la izquierda: cada fila de etiqueta y valor entra deslizándose, una tras otra, con una línea de acento que se dibuja debajo.
Sin valoraciones todavía 0 descargas
- 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 un momento de especificaciones o características de 8 segundos. Cinco filas de etiqueta y valor entran desde la izquierda en secuencia, cada una con un subrayado de acento que la recorre, en un esquema claro para fondos lisos o uno oscuro con velo para vídeo. Las filas, el esquema, el grosor de la línea, la posición y los tiempos se ajustan en una pequeña configuración dentro del HTML; el fondo es transparente.
Actualizado el 4 nov 2026
Qué obtienes
- Una superposición de 8 segundos a 1920×1080 con fondo transparente
- Cinco filas que entran deslizándose con subrayados que se dibujan
- Esquemas claro y oscuro con velo opcional
Ideal para
- Fichas de producto y anuncios
- Listas de funciones para apps y gadgets
- Categorías con muchas especificaciones, como bolsos, calzado y electrónica
No es para
- Más de cinco o seis filas
- Frases largas
Sobre este Skill
Tú dices
/mk-specs-list Haz una lista de especificaciones sobre nuestra foto del Vael Cerise: Leather "Cherry calf, hand-finished", Hardware "Solid brass clasp", Fits "A 14-inch laptop", Handles "Hand-stitched, 22 cm drop", Made "In small, numbered runs".
Las especificaciones convencen cuando se leen sin esfuerzo. Lista de especificaciones coloca cinco filas de etiqueta y valor junto a tu producto, una a una y con un subrayado nítido bajo cada una, para que materiales, medidas o funciones calen mientras el producto sigue en pantalla.
Cómo funciona
- Pide: dile a tu agente cinco pares cortos de etiqueta y valor, y si el fondo es claro u oscuro.
- Rellena: escribe tus textos y colores en las variables del bloque, con una longitud parecida a la que se pensó para el diseño.
- Renderiza: renderiza un borrador con
npx hyperframes render, revisa algunos fotogramas y renderiza el MP4 final. - Reutiliza: las variables viven en un pequeño archivo JSON, así que la siguiente versión es solo un renderizado más.
Consejos
- Usa una sola palabra por etiqueta y pocas por valor.
- Usa el esquema claro sobre fotos luminosas y el oscuro con velo sobre vídeo oscuro.
- El fondo es transparente, así que renderízalo con canal alfa y colócalo sobre tu propio vídeo, una foto o un color liso; el SKILL.md incluye los dos comandos.
- Deja libre el lado derecho del plano para el producto.
Código abierto
Es un bloque del registro de HyperFrames, creado por HeyGen y los colaboradores de HyperFrames (heygen-com/hyperframes) y compartido con la Apache License 2.0. La descarga es el bloque con sus recursos y un SKILL.md escrito por Reelity, para que tu agente sepa rellenarlo y renderizarlo; HyperFrames se ejecuta desde npm.
Qué necesitas antes de empezar
- Tú aportas
- Cinco pares de etiqueta y valor, y un plano del producto.
- 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 añadir más filas?
Sí. Las filas son una lista en la configuración; caben cómodamente cinco o seis.
¿Se lee bien sobre una foto recargada?
Elige el esquema que contraste con el fondo y sube el velo si hace falta.
¿Por qué es gratis?
Es un bloque de código abierto de HyperFrames, obra de HeyGen y los colaboradores de HyperFrames. Lo listamos tal cual, con un SKILL.md para que tu agente pueda usarlo y una muestra hecha con una de nuestras marcas de la casa, Vael.
