audio-reactive

Installation
SKILL.md

Audio-Reactive Animation

When audio data is available (extracted via extract-audio-data.py or loaded from audio-data.json), any visual element in the composition can be driven by the music — captions, backgrounds, shapes, overlays, anything GSAP can animate.

Audio Data Format

var AUDIO_DATA = {
  fps: 30,           // frame rate of the analysis
  totalFrames: 900,  // total analyzed frames
  frames: [
    { bands: [0.82, 0.45, 0.31, ...] },  // per-frame frequency band amplitudes
    // ...
  ]
};
Installs
7
GitHub Stars
31.4K
First Seen
Apr 2, 2026
audio-reactive — heygen-com/hyperframes