GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Infographie animée à révélation séquencée v1.0.0
Utilisez cette ressource pour créer une infographie animée en vidéo
Nouveau
- 509 téléchargements
- 234 mentions J'aime
- 246 sauvegardes
4,49 €
Accès à vie à cette ressource, avec ses mises à jour.
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install animated-infographic-revealSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent dessine d'abord la mise en page fixe, puis règle l'ordre d'apparition selon la hiérarchie : titre, icône, chiffre clé, libellé, connecteur. Il anime avec un décalage constant, des icônes qui rebondissent, des compteurs adoucis et des lignes tracées progressivement, avec Remotion. Vous obtenez un MP4 et un projet que vous pouvez relancer avec d'autres chiffres.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Remotion
- Utilise
- Node.js
- Remotion
- ffmpeg
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : la méthode d'animation d'infographie, traduite en français
- sequenced-infographic.md : une scène Remotion complète « comment ça marche » en 3 étapes, avec variante SVG sans dépendance
- Des budgets de temps par élément et une boucle de vérification par images fixes
Pour qui
- Expliquer un processus « en 3 étapes » en vidéo courte
- Présenter des chiffres clés dans un reel ou une vidéo de site
- Décliner une même infographie avec plusieurs jeux de données
Pas pour qui
- Animer un graphique de données lourd : prévoir une skill de graphiques animés
- Produire une infographie fixe sans animation
Étiquettes
- infographie
- animation
- remotion
- vidéo
- motion design
À propos
Vous dites
« Fais une infographie animée de 45 secondes : notre offre en 3 étapes, avec un chiffre clé par étape. »
Skill publiée par iart-ai sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Le message central et les chiffres ou étapes à montrer et Vos couleurs et polices si vous avez une charte
- Dépendances
- Node.js, Remotion et ffmpeg
Comment l'utiliser
- Donnez le message central et 3 à 5 données ou étapes
- L'agent compose la mise en page, rend des images fixes et vous les montre
- Validez, puis demandez l'encodage MP4 final
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/sequenced-infographic.md12,8 Ko
- SKILL.md12,6 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- iart-ai
- Source
- github.com/iart-ai/data-animation-skills/tree/8ce2709c3992490251e8a991535b1945f01c6865/skills/animated-infographic
- Licence
- MIT
Notice
Version modifiée de « animated-infographic » (iart-ai, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Que faut-il installer ?
Node.js et un projet Remotion. L'agent lance les rendus avec les commandes `npx remotion`. Le dossier contient la méthode et un exemple de scène.
Les scripts d'aide cités sont-ils inclus ?
Non. La skill mentionne contact-sheet.sh et probe-mp4.sh ainsi qu'une skill voisine de graphiques animés, mais la méthode fonctionne sans eux. Vous pouvez vérifier les images à l'œil.