
Rendu par ce Skill
Carte Stat de progression v1.0.0
Une grande statistique grimpe à côté d'un libellé, une fine barre de progression se remplit jusqu'à la valeur et une légende apparaît en fondu.
- Format
- Vidéo · 16:9
- Durée
- 0:07
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 moment chiffré de 7 secondes. Un grand nombre grimpe jusqu'à votre valeur avec un suffixe comme %, un libellé se place à côté, une fine barre d'accent se remplit selon la valeur sur le maximum et une courte légende apparaît en dessous. La valeur, le suffixe, le maximum, le libellé, la légende et les couleurs se règlent dans une petite configuration du HTML ; le fond est transparent.
Mis à jour le 3 nov. 2026
Ce que vous obtenez
- Une stat 1920×1080 de 7 secondes sur fond transparent
- Un nombre qui grimpe, un libellé, une barre de progression et une légende
- Un petit bloc de configuration pour les valeurs
Idéal pour
- Résultats d'enquêtes et d'avis
- Paliers et objectifs
- Arguments produit chiffrés
Pas pour
- Plusieurs chiffres à la fois
- Les chiffres sans contexte
À propos de ce Skill
/mk-progress-stat Fais une stat de progression : 94% "Would wear it again", légende "Maison Vey Ambre Nuit, blind test of 200 people", sur notre plan du parfum.
Un seul chiffre fort peut porter toute une pub. Carte Stat de progression le fait grimper, montre à quel point il approche du maximum et l'accompagne d'un libellé et d'une légende, avec assez de sobriété pour se poser sur un plan produit.
Comment ça marche
- Demandez : donnez à votre agent le chiffre, son suffixe et son maximum, un court libellé et une légende.
- 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
- Choisissez un chiffre au sens clair, comme 94% le rachèteraient.
- Limitez le libellé à trois ou quatre mots.
- 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.
- Utilisez de vrais chiffres que vous pouvez justifier.
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
- Un chiffre, son maximum, un court libellé et une légende.
- 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
Le chiffre peut-il être autre chose qu'un pourcentage ?
Oui. Réglez le suffixe sur K, x ou rien, et le maximum en conséquence.
Peut-il se poser sur un fond uni ?
Oui. Il propose des styles de texte clair et sombre pour fonds unis ou vidéo.
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, Maison Vey.






