DEDUPED Hot AI repos, turned into use cases Get the Monday 5

How to turn your real numbers into a looping animated chart with Motion Graphics Skills

Make a looping chart from your own data where every value stays exactly as given.

  • Content
  • Intermediate
  • 45 minutes
  • From the README
  • Claude Code

Who it is forAn analyst or marketer who reports metrics on social media or in a newsletter and wants the chart animated without a design tool.

The problemAnimated charts take design time, and it is easy to misstate values when they are redrawn by hand.

The outcomeA looping animated chart in your brand, with each value matching the numbers you supplied.

What you need first

  • Claude Code, with Opus 5.5 selected via /model
  • Install the skills with npx skills add charlie947/motion-graphics-skills
  • Run brand-intake first so brand.md and MOTION.md exist
  • For MP4 export: HyperFrames (npx skills add heygen-com/hyperframes) or ffmpeg plus Chrome
  • For reel-export and loop-cover measuring: ffmpeg, ffprobe and Python 3 as listed in the README

Steps

  1. Run npx skills add charlie947/motion-graphics-skills
  2. Open Claude Code on Opus 5.5 with /model and run brand-intake first
  3. Say: "Animate my chart. Here are my numbers." and paste the values
  4. Compare each value in the rendered chart with your source numbers before you share it
  5. Export the chart to MP4 with HyperFrames after running npx skills add heygen-com/hyperframes

Prompt for your agent

In Claude Code with the charlie947/motion-graphics-skills skills, run animated-chart on the values in <data file>. Expected output: a looping animated chart in the brand from MOTION.md. Verify that every plotted value equals the value in <data file>.

Caveat. The README promises values stay as given, but you should still check the rendered chart against your source numbers yourself.

Share: X LinkedIn Hacker News Email Copy link

Disclaimer

Deduped lists open-source repositories that belong to other people. We do not own, maintain, audit, or vouch for any of them, and a repo appearing here is not an endorsement or a safety check. The use cases, steps, and prompts are written by AI and may be incomplete, outdated, or just wrong. Where a use case is marked "Seen in the wild", we link to public posts where someone described something similar, but we have not verified those posts and the use case itself is still our AI's own write-up. Use all of this at your own risk. Only run code, commands, or agents on systems and accounts you are authorized to use, and read the code and every command before you run it, especially anything that touches credentials, files, or the network. Nothing here is professional, security, legal, or financial advice. All trademarks and project names belong to their respective owners, and their use here does not imply affiliation. Content is provided as is, without warranties of any kind. Found a mistake, a safety problem, or something you want removed? Email [email protected] and we will look at it promptly. Full disclaimer page