All skills
heygen-com avatar

/motion-graphics

@ff6e210
by HeyGenheygen-com/hyperframes55k stars
4,998

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.

Use this Skill: https://skilld.dev/gh/heygen-com/hyperframes/motion-graphics

This session only. Nothing lands on disk.

categoriesstatmodule.md

≈300 tokens on demand. Your agent reads this file only when SKILL.md points to it.

stat — category module

A single hero number reveal. Asset-free (the "input" is the number). ~4–6s.

Plan (Director)

content: { value, prefix ($), suffix (% / x / K-M-B), label, ring: bool }. Envelope: bold display font, restrained palette + one accent.

Vocabulary / leans on

  • Block: apple-money-count (finance-flavoured: $ counter + green flash + money burst + SFX) when it fits; otherwise hand-author.
  • Rules: hyperframes-animation/rules/{counting-dynamic-scale, stat-bars-and-fills}.
  • Primitives: count_up (odometer) · scale_pop · ring_fill (arc) · label_stagger (after value) · hold.

Build (reuse-first)

Reuse apple-money-count + set target / prefix / suffix / label / palette; or hand-author per the proven prototype v0-stat-motion-demo:

  • count-up is timeline-driven — tween a proxy {v:0}→target with onUpdate writing the formatted number (seek-safe; never setInterval/wall-clock).
  • font-variant-numeric: tabular-nums; decelerating ease; ~1.2–1.6s then hold the final value.
  • ring/arc via stroke-dashoffset, finishing in sync with the count-up; label fades in after the number lands (value → meaning).

Source: SKILL.md on GitHub

1 warning3d3 checks · Risk SAFE
  • Gen Agent Trust Hub3d

    The skill automates the creation of short motion graphics using the hyperframes toolset and standard media utilities. It fetches resources from well-known sources and processes external data from webpages and social media, presenting a minor surface for indirect prompt injection.

  • Socket3d

    No alerts

  • Snyk3d

    Risk: MEDIUM · 1 issue

Signed by skilld at ff6e210. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 12 hours ago.

Activeupdated 4 days ago

README badge

README badge for heygen-com/hyperframes/motion-graphics