Gratuit
Ember & Bun · 4:5
Rendu par ce Skill
Course au classement v1.0.0
Un classement où l'avatar de chaque personne rebondit le long de sa ligne à une vitesse fixée par son score : le meilleur va le plus vite.
Pas encore de note 0 téléchargements
- Format
- Vidéo · 4:5
- Durée
- 0:16
Gratuit Gratuit avec un compte
Collez ceci dans votre agent. Il connecte la CLI si besoin, puis installe le Skill.
Un bloc HyperFrames gratuit pour un classement 4:5 de 16 secondes. Sous un surtitre, un titre, une période et un total, chaque personne a sa ligne avec son nom et son score, et son avatar ou ses initiales rebondissent le long de la ligne ; plus le score est élevé, plus ça va vite. Le surtitre, le titre, la période, le total, le pied de page, la source et les lignes (nom, score, avatar) sont des variables ; le fond est transparent.
Mis à jour le 4 nov. 2026
Ce que vous obtenez
- Un classement 1080×1350 de 16 secondes sur fond transparent
- Des avatars qui rebondissent à une vitesse fixée par chaque score
- Des variables pour chaque libellé et pour les lignes
Idéal pour
- Remerciements d'équipe et de communauté
- Classements de ventes, de livraisons et de support
- Récaps de contributeurs open source
Pas pour
- Des dizaines de personnes
- Les comparaisons précises
À propos de ce Skill
Vous dites
/week-in-merges Fais une course au classement pour Ember & Bun : "Orders delivered this week", du 27 octobre au 2 novembre, 412 commandes, livreurs Sam 96, Priya 88, Leo 74, Ana 66, Tomas 51 et Mei 37.
Les classements rendent les résultats ludiques. Course au classement transforme une semaine de chiffres (livraisons, ventes, inscriptions, pull requests) en course où chacun rebondit le long de sa ligne à sa propre vitesse : le leader saute aux yeux et tout le monde a son moment.
Comment ça marche
- Demandez : donnez à votre agent les personnes du classement, le score de chacune, ce qui est compté et la période.
- Remplissage : il inscrit vos textes et vos couleurs dans les variables du bloc, en gardant des textes proches de la longueur prévue par la mise en page.
- Rendu : il rend un brouillon avec
npx hyperframes render, vérifie quelques images et rend le MP4 final. - Réutilisation : les variables tiennent dans un petit fichier JSON ; la version suivante, c'est un rendu de plus.
Conseils
- Six à huit lignes se lisent le mieux en 4:5.
- Utilisez des photos comme avatars, ou laissez-les vides pour afficher les initiales.
- Le fond est transparent : rendez-le avec un canal alpha et superposez-le à votre propre vidéo, à une photo ou à une couleur unie ; le SKILL.md donne les deux commandes.
- Publiez-le dans les fils LinkedIn ou Instagram ; il est conçu en 1080×1350.
Open source
C'est un bloc du registre HyperFrames, réalisé par HeyGen et les contributeurs de HyperFrames (heygen-com/hyperframes) et partagé sous Apache License 2.0. Le téléchargement contient le bloc, ses ressources et un SKILL.md rédigé par Reelity, pour que votre agent sache le remplir et le rendre ; HyperFrames lui-même s'exécute depuis npm.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Les noms et scores de six à huit personnes, ce qui est compté et la période.
- Dépendances
- Node.js 22 ou version ultérieure — requis · FFmpeg — requis
- Coûts externes
- Aucun. HyperFrames est gratuit et open source, et le rendu se fait sur votre propre machine.
- Dernier test
- v1.0.0 —
Avis des utilisateurs
Pas encore d'avis. Installez le Skill et soyez le premier à le noter.
FAQ
Que compte-t-il ?
N'importe quoi : l'exemple compte des livraisons. Le mot de l'unité se règle dans le HTML, et chaque libellé est une variable.
Puis-je ajouter des photos ?
Oui. Chaque ligne accepte une image d'avatar ; les lignes sans image affichent les initiales.
Pourquoi est-ce gratuit ?
C'est un bloc HyperFrames open source de HeyGen et des contributeurs de HyperFrames. Nous le proposons tel quel, avec un SKILL.md pour que votre agent puisse l'utiliser et un exemple réalisé avec l'une de nos marques maison, Ember & Bun.
