{
 "schema_version": 1,
 "generated": "2026-10-23",
 "id": "charlie947-motion-graphics-skills--animate-chart-from-real-numbers",
 "repo": "charlie947/motion-graphics-skills",
 "repo_url": "https://github.com/charlie947/motion-graphics-skills",
 "repo_slug": "charlie947-motion-graphics-skills",
 "title": "Turn your real numbers into a looping animated chart",
 "page_title": "How to turn your real numbers into a looping animated chart with Motion Graphics Skills",
 "summary": "Make a looping chart from your own data where every value stays exactly as given.",
 "who": "An analyst or marketer who reports metrics on social media or in a newsletter and wants the chart animated without a design tool.",
 "problem": "Animated charts take design time, and it is easy to misstate values when they are redrawn by hand.",
 "outcome": "A looping animated chart in your brand, with each value matching the numbers you supplied.",
 "steps": [
  "Run `npx skills add charlie947/motion-graphics-skills`",
  "Open Claude Code on Opus 5.5 with `/model` and run `brand-intake` first",
  "Say: \"Animate my chart. Here are my numbers.\" and paste the values",
  "Compare each value in the rendered chart with your source numbers before you share it",
  "Export the chart to MP4 with HyperFrames after running `npx skills add heygen-com/hyperframes`"
 ],
 "agent_prompt": "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>.",
 "agents": [
  "claude-code"
 ],
 "difficulty": "Intermediate",
 "time": "45 minutes",
 "basis": "readme",
 "caveat": "The README promises values stay as given, but you should still check the rendered chart against your source numbers yourself.",
 "category": "Content",
 "tags": [
  "Content"
 ],
 "lang": "shell",
 "requirements": [
  "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"
 ],
 "risk": "none",
 "seen_in_the_wild": false,
 "mentioned_publicly": false,
 "risks": [],
 "best": false,
 "score": 0.9,
 "evidence": [],
 "url": "https://dedupedai.com/use-cases/charlie947-motion-graphics-skills/animate-chart-from-real-numbers/",
 "md": "https://dedupedai.com/use-cases/charlie947-motion-graphics-skills/animate-chart-from-real-numbers/index.md",
 "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 hello@dedupedai.com and we will look at it promptly.",
 "api": "https://dedupedai.com/api/v1/usecases/charlie947-motion-graphics-skills--animate-chart-from-real-numbers.json",
 "api_version": "v1"
}