Todos os Skills de vídeo Premium em um só plano. Cancele quando quiser.Ver planos
Ember & Bun · 4:5

Renderizado por este Skill

Corrida no ranking v1.0.0

Um ranking em que o avatar de cada pessoa quica pela sua linha numa velocidade definida pela contagem dela, com quem fez mais indo mais rápido.

Ainda sem avaliações 0 downloads
Formato
Vídeo · 4:5
Duração
0:16

Grátis Grátis com uma conta

Entre para baixar

Cole isto no seu agente. Ele conecta a CLI se necessário e instala o Skill.

Um bloco gratuito do HyperFrames para um ranking de 16 segundos em 4:5. Sob um sobretítulo, um título, um período e um total, cada pessoa ganha uma linha com nome e contagem, e o avatar ou as iniciais dela quicam pela linha; quanto mais ela fez, mais rápido vai. Sobretítulo, título, período, total, rodapé, fonte e as linhas (nome, contagem, avatar) são variáveis; o fundo é transparente.

Atualizado em 4 de nov. de 2026

O que você recebe

  • Um ranking de 16 segundos em 1080×1350 com fundo transparente
  • Avatares que quicam em velocidades definidas por cada contagem
  • Variáveis para cada rótulo e para as linhas

Ideal para

  • Reconhecimentos para equipes e comunidades
  • Rankings de vendas, entregas e atendimento
  • Resumos de colaboradores de código aberto

Não é para

  • Dezenas de pessoas
  • Comparações precisas

Sobre este Skill

Você diz

/week-in-merges Faça uma corrida no ranking para o Ember & Bun: "Orders delivered this week", de 27 de outubro a 2 de novembro, 412 pedidos, entregadores Sam 96, Priya 88, Leo 74, Ana 66, Tomas 51 e Mei 37.

Rankings deixam os resultados divertidos. A Corrida no ranking transforma uma semana de números (entregas, vendas, cadastros, pull requests) numa corrida em que cada pessoa quica pela sua linha no próprio ritmo, para que o líder fique óbvio e todo mundo tenha o seu momento.

Como funciona

  1. Peça: diga ao seu agente quem está no ranking, a contagem de cada pessoa, o que está sendo contado e o período.
  2. Preencha: ele escreve seus textos e suas cores nas variáveis do bloco, mantendo os textos perto do tamanho para o qual o layout foi feito.
  3. Renderize: ele renderiza um rascunho com npx hyperframes render, confere alguns quadros e renderiza o MP4 final.
  4. Reaproveite: as variáveis ficam num pequeno arquivo JSON, então a próxima versão é só mais uma renderização.

Dicas

  • De seis a oito linhas leem melhor em 4:5.
  • Use fotos como avatares ou deixe vazio para mostrar as iniciais.
  • O fundo é transparente, então renderize com canal alfa e coloque sobre as suas próprias imagens, uma foto ou uma cor lisa; o SKILL.md mostra os dois comandos.
  • Publique nos feeds do LinkedIn ou do Instagram; ele é feito em 1080×1350.

Código aberto

Este é um bloco do registro do HyperFrames, feito pela HeyGen e pelos colaboradores do HyperFrames (heygen-com/hyperframes) e compartilhado sob a Apache License 2.0. O download é o bloco com seus arquivos e um SKILL.md escrito pela Reelity, para que seu agente saiba preenchê-lo e renderizá-lo; o HyperFrames em si roda pelo npm.

O que você precisa antes de começar

Você fornece
Nomes e contagens de seis a oito pessoas, o que é contado e o período.
Dependências
Node.js 22 ou superior — obrigatório · FFmpeg — obrigatório
Custos externos
Nenhum. O HyperFrames é gratuito, de código aberto e renderiza no seu próprio computador.
Último teste
v1.0.0 —

Avaliações de usuários

Ainda não há avaliações. Instale o Skill e seja o primeiro a avaliar.

Perguntas frequentes

O que ele conta?

Qualquer coisa: a amostra conta entregas. A palavra da unidade fica no HTML, e cada rótulo é uma variável.

Posso adicionar fotos?

Sim. Cada linha aceita uma imagem de avatar; linhas sem imagem mostram as iniciais.

Por que é grátis?

É um bloco de código aberto do HyperFrames, da HeyGen e dos colaboradores do HyperFrames. Nós o listamos como está, com um SKILL.md para que seu agente possa usá-lo e uma amostra feita com uma das nossas marcas da casa, o Ember & Bun.

Guias

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 parecidos

Ver todos