Tous les Skills vidéo Premium dans un seul abonnement. Résiliable à tout moment.Voir les offres
Maison Vey · 16:9

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.

Pas encore de note 0 téléchargements
Format
Vidéo · 16:9
Durée
0:07

Gratuit Gratuit avec un compte

Se connecter pour télécharger

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

Vous dites

/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

  1. Demandez : donnez à votre agent le chiffre, son suffixe et son maximum, un court libellé et une légende.
  2. 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.
  3. Rendu : il rend un brouillon avec npx hyperframes render, vérifie quelques images et rend le MP4 final.
  4. 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.

Guides

How to make a money counter animation for a sales milestoneA number that counts up and explodes in green is the most direct way to celebrate a result. How to make one with sound, free, with the Money Counter block.How to make an animated statistic for an adOne strong number can carry an ad. How to count it up with a label, progress track and caption, free, with the Progress Stat Card block.

Skills similaires

Tout voir