🎯

hyperframes-audio

🎯Skill

from heygen-com/hyperframes

Installation

Vibe Index InstallInstalls to .claude/skills/

$npx vibeindex add heygen-com/hyperframes --skill hyperframes-audio

skills.sh Install⚠ Installs to .agents/skills/

$npx skills add heygen-com/hyperframes --skill hyperframes-audio

Manual InstallCopy SKILL.md content and save to the path below

path

~/.claude/skills/hyperframes-audio/SKILL.md

What it does

A Claude Code skill for audio mixing in HyperFrames compositions, providing fade-in/fade-out, crossfade, track gain, volume automation, ducking, voiceover carve, and a full effects chain (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush) with preview-render parity via Web Audio.

Overview

HyperFrames Audio is a Claude Code skill that handles audio mixing for compositions built with the HyperFrames framework. It manages all post-placement audio work: fade-in/fade-out curves, crossfade envelopes, track gain and volume control, volume automation, ducking, voiceover carve (automatically separating voice from music beds), and a full signal-processing effects chain. Three HTML attributes on audio/video elements carry the entire mix state: data-fx-chain for effects in signal order, data-automation for envelopes on volume or effect parameters, and data-fx-carve for voiceover carve settings.

The skill enforces preview-render parity by routing both the live studio preview and the offline render through the same Web Audio graph builders. What you hear while scrubbing is exactly what gets written to the final output. It ships with 13 effect families including highpass/lowpass/peaking EQ, compressor, limiter, gate, saturate, delay, reverb, chorus, phaser, and bitcrush, plus a preset and named-job system that covers most common mixing scenarios out of the box.

Key Features

Voiceover carve: Automatically detects voice and music bed pairs, analyzes frequency bands, and writes per-band EQ notches with dynamic automation so dialogue cuts through without manual mixing
Full effects chain: 13 built-in effect families with documented parameter ranges and units, applied via a single data-fx-chain attribute in signal order
Volume and effect automation: Draw envelopes on any track's volume or any effect parameter using data-automation lanes, with validation rules enforced per lane
Preview-render parity: Both the live AudioContext preview and OfflineAudioContext render use the same buildFxChain and scheduleChainAutomation builders, eliminating the "sounds different when exported" problem
Audio group buses: <hf-audio-group> elements act as submix buses with their own effect chains, faders, and automation clocks for routing multiple tracks through shared processing
Preset library: Named jobs and one-knob profiles plus a symptom-to-fix lookup table, so common problems (muddy vocals, clipping, bed too loud) resolve with a single preset reference

Who is this for?

Video creators and producers using HyperFrames who need professional-quality audio mixing without leaving the composition environment
Developers building HyperFrames-based editors who want to expose audio mixing controls backed by a well-defined attribute schema
Teams producing voiceover-driven content (tutorials, explainers, ads) who need automated ducking and voiceover carve rather than manual volume keyframing

📦

Same repository

heygen-com/hyperframes(52 items)

hyperframes-audio

SKILL.md

142,351Installs

AddedAug 27, 2026

View on GitHub Back to Skills

More from this repository10

🎯

hyperframes-cli🎯Skill

CLI tool for the Hyperframes video rendering framework that provides commands to create, preview, lint, and render HTML-based video compositions to MP4.

🎯

hyperframes🎯Skill

Skill for authoring HTML-based video compositions with the Hyperframes framework, covering captions, TTS, audio-reactive animation, and transitions for AI agent-driven video creation.

🎯

hyperframes-registry🎯Skill

Skill for installing blocks and components into Hyperframes projects via the `hyperframes add` command, providing access to 50+ ready-to-use overlays, shader transitions, and data visualizations.

🎯

hyperframes-core🎯Skill

The foundational technical contract for HyperFrames HTML video compositions, defining data attributes, clip/track structure, sub-compositions, variables, media playback, deterministic rendering rules, and project validation.

🎯

hyperframes-animation🎯Skill

Comprehensive animation skill for HyperFrames providing atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and seven runtime adapters including GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU.

🎯

hyperframes-creative🎯Skill

Non-animation creative direction for HyperFrames videos covering design specs, color palettes, typography, narration scripting, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.

🎯

hyperframes-keyframes🎯Skill

A Claude Code skill that guides the creation of seek-safe 2D/3D keyframe animations for HyperFrames compositions, supporting GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP transitions, SVG morph/draw, motion paths, and 3D depth effects with built-in verification diagnostics.

🎯

remotion-to-hyperframes🎯Skill

A skill for the HyperFrames open-source video rendering framework that teaches AI agents to write correct HTML-based video compositions and GSAP animations, enabling them to render video from HTML code.

🎯

general-video🎯Skill

A fallback HyperFrames composition authoring skill for custom video creation when no specialized workflow fits. Handles multi-scene pieces, brand reels, montages, title cards, motion posters, static loops, and freeform compositions at any length or format.

🎯

product-launch-video🎯Skill

Creates product launch, SaaS promo, feature reveal, and marketing videos using HyperFrames. Takes a product URL for brand capture or a brief/script, then produces a professionally structured promotional video.