# How to build an animated chart or stat clip for social with hyperframes

Repo: [heygen-com/hyperframes](https://github.com/heygen-com/hyperframes) | Difficulty: Beginner | Time: 30 minutes | Basis: Seen in the wild

Use the motion-graphics skill to make a short kinetic-type or chart-hit clip with no narration.

**Who it is for:** Analyst who wants a 10-second animated number or chart for a post or slide

**The problem:** Static charts get scrolled past, and making an animated version in an editor takes hours.

**The outcome:** A short unnarrated motion graphic as an MP4 (or a transparent overlay) with kinetic type or a chart reveal.

## Steps

1. Install the skills with: npx skills add heygen-com/hyperframes
2. Pick Core Skills and restart your agent.
3. Run /motion-graphics and describe the stat or chart plus the numbers to show.
4. Choose MP4 or transparent overlay when asked.
5. Check the rendered numbers against your source data.

## Prompt to paste into your agent

```text
Use /motion-graphics from heygen-com/hyperframes to make a 8-second animated chart showing <data description>. Verify every number on screen matches the values I gave you.
```

## Caveat

The agent writes the numbers into the animation itself, so wrong or rounded values will render confidently and must be checked by you.

## Seen in the wild

- X (Oct 2026): https://x.com/i/web/status/2111745594092097630

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/heygen-com-hyperframes/build-animated-chart-or-stat-video/