Todos los Skills de vídeo Premium en un solo plan. Cancela cuando quieras.Ver planes
Ember & Bun · 4:5

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.

Sin valoraciones todavía 0 descargas
Formato
Vídeo · 4:5
Duración
0:16

Gratis Gratis con una cuenta

Inicia sesión para descargar

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

Tú dices

/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

  1. Pide: dile a tu agente quién aparece en la tabla, la cifra de cada persona, qué se cuenta y el periodo.
  2. Rellena: escribe tus textos y colores en las variables del bloque, con una longitud parecida a la que se pensó para el diseño.
  3. Renderiza: renderiza un borrador con npx hyperframes render, revisa algunos fotogramas y renderiza el MP4 final.
  4. 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.

Guías

How to make an animated leaderboard for your team or communityA leaderboard turns results into a race. How to animate one where everyone bounces at their own speed, free, with the Leaderboard Race block.

Skills similares

Ver todo