
Renderizado con este Skill
Carrera de clasificación v1.0.0
Una clasificación en la que el avatar de cada persona rebota por su fila a una velocidad marcada por su cifra: quien más hizo, más rápido va.
- Formato
- Vídeo · 4:5
- Duración
- 0:16
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 clasificación en 4:5 de 16 segundos. Bajo un antetítulo, un título, un periodo y un total, cada persona tiene una fila con su nombre y su cifra, y su avatar o sus iniciales rebotan a lo largo de la fila; cuanto más hizo, más rápido va. El antetítulo, el título, el periodo, el total, el pie, la fuente y las filas (nombre, cifra, avatar) son variables; el fondo es transparente.
Actualizado el 4 nov 2026
Qué obtienes
- Una clasificación de 16 segundos a 1080×1350 con fondo transparente
- Avatares que rebotan a velocidades marcadas por cada cifra
- Variables para cada etiqueta y para las filas
Ideal para
- Reconocimientos a equipos y comunidades
- Clasificaciones de ventas, entregas y soporte
- Resúmenes de colaboradores de código abierto
No es para
- Decenas de personas
- Comparaciones precisas
Sobre este Skill
/week-in-merges Haz una carrera de clasificación para Ember & Bun: "Orders delivered this week", del 27 de octubre al 2 de noviembre, 412 pedidos, repartidores Sam 96, Priya 88, Leo 74, Ana 66, Tomas 51 y Mei 37.
Las clasificaciones hacen divertidos los resultados. Carrera de clasificación convierte una semana de cifras (entregas, ventas, registros, pull requests) en una carrera en la que cada persona rebota por su fila a su propia velocidad, para que el líder quede claro y todos tengan su momento.
Cómo funciona
- Pide: dile a tu agente quién aparece en la tabla, la cifra de cada persona, qué se cuenta y el periodo.
- 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
- De seis a ocho filas se leen mejor en 4:5.
- Usa fotos como avatares, o déjalos vacíos para mostrar iniciales.
- 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.
- Publícalo en el feed de LinkedIn o Instagram; está hecho a 1080×1350.
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
- Nombres y cifras de seis a ocho personas, qué se cuenta y el periodo.
- 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
¿Qué cuenta?
Lo que quieras: la muestra cuenta entregas. La palabra de la unidad se define en el HTML, y cada etiqueta es una variable.
¿Puedo añadir fotos?
Sí. Cada fila admite una imagen de avatar; las filas sin ella muestran iniciales.
¿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, Ember & Bun.







