heygen-com avatar

Hyperframes Audio

Reach for hyperframes-audio when audio is already sitting in a HyperFrames composition and needs mixing rather than sourcing. It covers fades and crossfades, track gain and volume automation, ducking, carving a music bed around a voiceover, per-track effects (EQ through bitcrush), and `<hf-audio-group>` for running one chain, fader and automation clock across several tracks at once. It explicitly leaves finding or generating sound to `/media-use` and clip timing to `/hyperframes-core`, which keeps the boundary clean. The part worth knowing is the contract the parent skill sets: every `<audio>` needs an `id` or it drops out of the mix, and `<video>` sound has to be flagged with `data-has-audio` or muted, so check those first when a mix seems silent. The source here is the parent HyperFrames guide, so the mixing specifics live in the skill itself, not in what I could see.

skills.sh installs
663.9K
GitHub stars
81.8K
last updated
Oct 26, 2026

Install

$ npx -y skills add heygen-com/hyperframes --skill hyperframes-audio --agent claude-code

Installs into .claude/skills of the current project.

Files

Reach for hyperframes-audio when audio is already sitting in a HyperFrames composition and needs mixing rather than sourcing. It covers fades and crossfades, track gain and volume automation, ducking, carving a music bed around a voiceover, per-track effects (EQ through bitcrush), and `<hf-audio-group>` for running one chain, fader and automation clock across several tracks at once. It explicitly leaves finding or generating sound to `/media-use` and clip timing to `/hyperframes-core`, which keeps the boundary clean. The part worth knowing is the contract the parent skill sets: every `<audio>` needs an `id` or it drops out of the mix, and `<video>` sound has to be flagged with `data-has-audio` or muted, so check those first when a mix seems silent. The source here is the parent HyperFrames guide, so the mixing specifics live in the skill itself, not in what I could see.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/heygen-com/hyperframes
Categories
Frontend Development, Automation & Workflows, Video & Audio Editing
First seen
Oct 26, 2026

More from heygen-com/hyperframes

All 44
1mattpocock avatargit-guardrails-claude-codemattpocock/skillsSet up Claude Code hooks to block dangerous git commands (push, reset --hard, clean, branch -D, etc.) before they execute. Use when user wants to prevent destru548.6Kskills.sh installs
2mattpocock avatarsetup-pre-commitmattpocock/skillsSet up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Hus537.8Kskills.sh installs
3xixu-me avataruse-my-browserxixu-me/skillsUse when work depends on the user's live browser session or visible rendered state rather than static fetches, especially for browser debugging contexts or DevT519Kskills.sh installs
4emilkowalski avataremil-design-engemilkowalski/skillsThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.432.5Kskills.sh installs
5prisma avatarprisma-driver-adapter-implementationprisma/skillsRequired reference for Prisma ORM 7 SQL driver adapter work. Use when implementing or modifying adapters, adding database drivers, or touching SqlDriverAdapter,404.4Kskills.sh installs
6stablyai avatarorca-clistablyai/orcaUse the public `orca` CLI to operate Orca-managed worktrees, folder contexts, terminals, repos, automations, artifacts, skill sharing, worktree comments, and th360.1Kskills.sh installs