Log inSign up
Skills › Video
heygen-com logo
#60 by installsVideoheygen-com/hyperframes

motion-graphics

Design and render short, design-led motion graphics under 10s with kinetic typography, data viz, and animated overlays

Installs
514K
all time
This week
31.2K
installs
Repo stars
56.7K
GitHub
First seen
Jun 14, 2026
on skills.sh
Install
npx skills add https://github.com/heygen-com/hyperframes --skill motion-graphics
Works with Claude Code, Cursor, Codex, GitHub Copilot, Windsurf, Gemini CLI and other agents that read SKILL.md.
What it does

Builds compact, unnarrated motion graphics where movement carries the message—kinetic typography, stat count-ups, animated charts, logo stings, lower-thirds, and animated maps. Reach for this when you need a self-contained visual element (under 10s, no voice-over); anything longer or narrated should go to general-video. Renders to MP4 or transparent overlay, integrates with Figma sources and brand tokens, and ships through the HyperFrames orchestration layer.

  • Kinetic typography, stat animations, and data-viz hits that speak without narration
  • Animated overlays: logo stings, lower-thirds, social callouts, and interactive UI scroll states
  • Figma asset import with SVG sanitization and brand-token variable binding for propagating design changes
  • Studio preview and one-question dispatch—asset-first workflow, renders to MP4 or transparent format
Source on GitHub ↗On skills.sh ↗