← Tous les Skills · Vidéo et audio
Vidéo et audio FreeAnimated Stats Video
Des chiffres qui jouent — des comptes vers le haut, une barre qui grandit et un chiffre qui atterrit.
Fonctionne avec : Claude Code, Codex, Cursor, Muse · Version 1.0 · Il vous faut : Node.js 18+ et npm ; rendu local avec Remotion (la première exécution télécharge un Chrome headless).
Télécharger gratuitement Débloquer tous les Skills Premium
Aperçu
Ce que vous obtenez
- Projet Remotion complet (composition + script de rendu)
- Trois temps animés propulsés par un seul assistant d'easing
- Des chiffres qui comptent vers le haut, une barre de progression et un chiffre final
- Sortie MP4 1080x1080 prête pour les réseaux sociaux et les pages de destination
À propos de ce Skill
Rend une vidéo de statistiques animée depuis du code : une métrique principale qui compte vers le haut, une barre de progression qui grandit avec son compteur, et un chiffre final qui atterrit avec sa signification. Trois temps, environ six secondes, entièrement déterministe — conçu pour les bilans de métriques, les publications de jalons et les mises à jour aux parties prenantes, où les chiffres méritent mieux qu'une capture d'écran.
Essayez-le
scripts/render.sh ./stats.mp4
Idéal pour
- Bilans de métriques et annonces de jalons
- Mises à jour aux investisseurs et parties prenantes
Pas pour
- Tableaux de bord en direct ou données en temps réel
Comment l'installer
- Copiez l'invite d'installation dans votre agent :
Read https://skillu.dev/install/agent.md, then install the Animated Stats Video skill (animated-stats-video). - Ou téléchargez le paquet du Skill depuis cette page après le lancement et placez son dossier dans le répertoire de skills de votre agent.
- Appelez-le avec une commande barre oblique, p. ex.
/animated-stats-video, et décrivez ce que vous voulez en mots simples.
Questions fréquentes
Quels chiffres devrais-je animer ?
Trois que vous pouvez étayer : une métrique principale, une mesure de progression, un chiffre de résultat, chacun avec une légende disant ce qu'il signifie.
Puis-je changer les temps ?
Oui. Chaque temps s'anime entre deux images via l'assistant ease() ; déplacez les plages pour réajuster les temps.