Animated Stats Video
Numbers that perform — count-ups, a growing bar, and one landing figure.
Works with: Claude Code, Codex, Cursor, Muse · Version 1.0 · Needs: Node.js 18+ and npm; renders locally with Remotion (first run downloads a headless Chrome).
Download free Unlock all Premium Skills
Preview
What you get
- Complete Remotion project (composition + render script)
- Three animated beats driven by one easing helper
- Count-up numbers, progress bar, and closing figure
- 1080x1080 MP4 output, ready for social and landing pages
About this Skill
Renders an animated stats video from code: a hero metric counts up, a progress bar grows with its counter, and a closing figure lands with its meaning. Three beats, about six seconds, fully deterministic — built for metrics recaps, milestone posts, and stakeholder updates where the numbers deserve more than a screenshot.
Try it
scripts/render.sh ./stats.mp4
Good fit
- Metrics recaps and milestone announcements
- Investor and stakeholder updates
Not for
- Live dashboards or real-time data
How to install
- Copy the install prompt into your agent:
Read https://skillu.dev/install/agent.md, then install the Animated Stats Video skill (animated-stats-video). - Or download the Skill package from this page after launch and place its folder in your agent's skills directory.
- Call it with a slash command, e.g.
/animated-stats-video, and describe what you want in plain words.
FAQ
Which numbers should I animate?
Three you can stand behind: one hero metric, one progress measure, one outcome figure — each with a caption that says what it means.
Can I change the timing?
Yes. Each beat animates between two frames via the ease() helper; shift the ranges to retime.