Agent skill

HyperFrames Media Use

by heygen-com in heygen-com/hyperframes

Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.

Apache-2.0Auto-check passedMedia & Creative

Install HyperFrames Media Use

skills CLI
$ npx skills add heygen-com/hyperframes --skill media-use -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install heygen-com/hyperframes media-use --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/heygen-com/hyperframes.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/media-use .claude/skills/media-use && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
media-use
GitHub stars
59k
Token cost
~2.4k tokens
SKILL.md length
982 words
Files
117 (incl. scripts, references)
Skills in repo
32
Repo updated
First seen
Licence
Apache-2.0

At a glance

Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.

  • Adding background music or sound effects to a HyperFrames video
  • SKILL.md covers Resolve — the one verb, Treat broad visual feedback as…, Be proactive — run a media… and Where to look — read only the…
  • Calls npx
  • Generating a voiceover and captions for a script

What it does

media-use acts as the media layer of a HyperFrames project. Its central command, resolve, turns a type and a plain-language intent into a single local file plus a ledger record, keeping search noise on disk. Types include background music and sound effects from the HeyGen catalog and a bundled library, photos, transparent icons, official brand logos, TTS voices, color grades and LUT files.

When the catalog has nothing suitable, it generates audio or images with TTS, music or image models. A shared audio engine produces voiceovers, transcriptions, captions and background removal, and other commands cut, reframe or transform media and reuse assets across projects. Vague feedback such as footage looking flat or needing a retro feel is treated as a request for media treatments. Setup means installing and signing in to the heygen CLI; OAuth sign-in gives a free allowance for voiceovers, while an API key bills credits.

When your agent uses it

  • Adding background music or sound effects to a HyperFrames video
  • Generating a voiceover and captions for a script
  • Fixing footage that looks dark or flat
  • Pulling an official brand logo into a project

Example prompts

  • “Find calm background music for the product demo and add it.”
  • “Generate a voiceover for script.md and burn in captions.”
  • “The interview footage looks flat. Give it a warmer grade.”

Requirements

  • The heygen CLI with sign-in (OAuth or API key)
  • Node.js for npx hyperframes

What it can do on your machine

Read from SKILL.md and the folder at commit 3aa6886. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/, which the agent can run.

    Shell commands in SKILL.md call:

    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

HyperFrames Media Use loads about 2.4k tokens when it runs, and up to ~29k if it reads all its reference files. Until then it costs about 210 tokens; SKILL.md has 982 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~210
When it runs · the whole SKILL.md, loaded when a task matches
~2.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~29k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from heygen-com/hyperframes at commit 3aa6886, republished under its Apache-2.0 licence (© heygen-com). 982 words, ~2,414 tokens.

Download SKILL.mdSave it as .claude/skills/media-use/SKILL.md (or your agent's skills folder). This skill also uses 116 other files; get the full folder from GitHub.
name
media-use
description
Agent Media OS for a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music / image models when the catalog misses; produce voiceover, transcription, captions, and background removal through one shared audio engine; operate on media (cut / reframe / transform); and reuse assets across projects. Also use for vague feedback that real footage looks dark, flat, boring, should feel retro/camcorder/print/ASCII, needs privacy, or needs a media reveal. When the host app provides its own music or sound-effect tools, use those for music and sound effects; `resolve --type bgm|sfx` needs the heygen CLI. When `HEYGEN_API_BASE` is set, HeyGen calls go through that host with no CLI sign-in.

Plugin installs: Before setup or freshness commands, follow plugin execution rules when this skill is inside a HyperFrames plugin. Standalone installs keep the update instructions below.

media-use

The media OS for HyperFrames: resolve · generate · operate · remember — every media type, one skill, zero context noise.

Only when HEYGEN_API_BASE is set in your environment (a host app set it and pays for HeyGen with its own key): HeyGen media is already paid for. Do not ask the person to install or sign in to the heygen CLI and do not offer its OAuth allowance; catalog search, TTS and avatar calls here go through the host. When that same host also gives you its own HeyGen tools, use those first. When a call through the host is refused, tell the person the host's message as written (it names the fix, such as adding or replacing the key in the app's Settings) and stop; do not switch to another provider unless they ask.

First run otherwise (no HEYGEN_API_BASE), when you will use HeyGen media (catalog search, TTS, avatar video): install and sign in to the heygen CLI (the free-usage path), then verify with npx hyperframes media-use resolve --doctor. Setup and providers: references/setup-providers.md.

Music and sound effects inside a host app: when the app you run in gives you its own music or sound-effect tools, use those. Without HEYGEN_API_BASE, resolve --type bgm and --type sfx search the HeyGen catalog through the heygen CLI; without it they fail and say so (sfx still answers from its bundled library).

Without HEYGEN_API_BASE, before generating a voiceover or an avatar video, tell the person: signing in to the heygen CLI with OAuth (heygen auth login --oauth) gives a free allowance for TTS voiceover and avatar videos, while an API key bills API credits.

Resolve — the one verb

bash
npx hyperframes media-use resolve --type <type> --intent "<description>" --project <dir>

Returns one line: resolved <id> → <path> (<type>, <metadata>). All search noise stays on disk.

TypeOne-line intent
bgmbackground music (HeyGen catalog via the heygen CLI, 10k+ tracks)
sfxsound effects (bundled 19-file library + catalog via the heygen CLI)
imagephotos, backgrounds (HeyGen asset search, 75k+ vectors)
iconicons, symbols (transparent)
logoofficial brand marks (theSVG → GitHub avatar → favicon; never redrawn)
voiceTTS voiceover (HeyGen free-usage path; optional local Kokoro)
grademeasured correction candidate; broad polish/stylization follows Media Treatments
lutuser-provided or explicitly chosen reusable validated .cube file

Before resolving fresh, list reusable candidates with --candidates and judge fit yourself — reuse rules, all flags, ingest (--from), and adopt are in references/resolve.md.

Treat broad visual feedback as media intent

When a user explicitly asks to fix, polish, stylize, obscure, emphasize, or reveal photographic media, read references/media-treatments.md even if they do not name color grading or an effect. Inspect the real <img>/<video>, choose one primary intent, then use deterministic persistence and verification. Use a matching recipe as an optional tested seed, or inspect hyperframes media-treatment --capabilities --json, then request one relevant family/effect with --capability <id> and assemble a custom treatment from canonical controls. Never load --all for ordinary authoring. A treatment may compose correction, a preset, finishing, compatible shader effects, supported keyframes, and optional Registry overlays. Add only source-justified bounded tuning and compatible parts, never effects merely to make the result look more sophisticated. Persist the final combined payload with hyperframes media-treatment.

Use one progressively escalating workflow. For video, inspect one labeled early/middle/late contact sheet rather than reading frames separately. Apply one candidate and inspect one after-sheet for ordinary correction or polish. Escalate to individual frames or moving draft evidence only when the result is ambiguous, temporal, stylized, LUT-based, HDR/LOG-sensitive, private, or brand-critical.

For ordinary correction or polish, persist the final treatment's preset/adjustment JSON. Do not generate a .cube LUT merely to encode exposure, shadows, contrast, or warmth. Use a LUT only when the user supplies one or the selected treatment explicitly owns one. resolve --type grade --for ... --analyze is measurement evidence, not permission to replace the chosen treatment with a generated LUT. Do not recreate supported vignette, grain, blur, pixelate, color, or treatment effects with CSS/SVG overlays; that bypasses Studio controls and the canonical preview/render shader path.

Show full SKILL.md (308 more words)Show less

Be proactive — run a media opportunity pass

The human usually can't tell which media would lift the piece. You can. When you build or review a composition, do one grounded scan and then ask once — don't silently add, and don't nag per asset.

Surface an opportunity only when a concrete signal is present:

Signal detectedOffer
On-screen text / a script with no voiceoverTTS voiceover (audio engine)
Emoji or a <div> styled as an iconresolve real icons
Image that is a placeholder, tiny, or upscaled-lookinga better image (and/or upscale — see references/operations.md)
Hard scene cuts / transitions with no soundtransition sfx
A piece over ~10s with no music bedbgm
Footage that reads under/over-exposed or color-casta corrective grade (inspect it with hyperframes media-treatment --selector '#hero' --analyze --json)
Photographic media that feels visually flat or off-topicone specific source-appropriate preset or custom treatment, with the intended target named
A meaningful media entrance/reveal that feels staticone supported seek-safe treatment animation; preserve color unless the request also justifies a preset

Rules that keep this a help, not nagware: grounded, not generic (no signal → no suggestion); opinionated + concrete (propose the specific fix with defaults chosen — the human approves all / some / none); once per project (one consolidated ask; respect "leave it"); surface, never silently mutate (color grades especially: propose and preview — a gray-world "correction" ruins an intentional sunset or neon look).

Where to look — read only the file your task needs

TaskRead
resolve / reuse / adopt / ingest, flags, cascade, inventoryreferences/resolve.md
color grading, LUTs, smart grade (--for), grade-comparereferences/grading.md
voiceover / TTS, music, SFX, captions, transcription (audio engine)references/audio.md
cut / reframe / transform existing media, exact error diffusion, HEVCreferences/operations.md
source-aware creative treatments, realtime effects, overlays, revealsreferences/media-treatments.md
install + auth, provider table, RAM ladders, --local-only, --providerreferences/setup-providers.md
remembered preferences + frozen recipes (user memory)references/memory.md
ownership matrix, usage stats, telemetry, privacy (maintainer-facing)references/meta.md

© heygen-com, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 116 other files (scripts, references) in skills/media-use of heygen-com/hyperframes.

  • SKILL.md
  • .gitignore
  • audio/assets/sfx/CREDITS.md
  • audio/assets/sfx/chime.mp3
  • audio/assets/sfx/click-soft.mp3
  • audio/assets/sfx/click.mp3
  • audio/assets/sfx/error.mp3
  • audio/assets/sfx/glitch-1.mp3
  • audio/assets/sfx/glitch-2.mp3
  • audio/assets/sfx/glitch-3.mp3
  • audio/assets/sfx/impact-bass-1.mp3
  • audio/assets/sfx/impact-bass-2.mp3
  • audio/assets/sfx/key-press.mp3
  • audio/assets/sfx/manifest.json
  • audio/assets/sfx/notification.mp3
  • audio/assets/sfx/ping.mp3
  • audio/assets/sfx/pop.mp3
  • audio/assets/sfx/riser.mp3
  • … and 99 more

Open the folder on GitHubat commit 3aa6886

Compare with similar skills

HyperFrames Media Use next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

HyperFrames Media Use compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
HyperFrames Media Use this skillheygen-com/hyperframes59k—~2.4kAutomated safety check: PassApache-2.0
Media Useedenfunf/reelmimic1.8k1 repos~2kAutomated safety check: PassMIT
Hyperframesscott-fryxell/brayness125—~3.2kAutomated safety check: PassMIT
Hyperframes Mediacosmicstack-labs/mercury-agent-skills476—~1.7kAutomated safety check: PassMIT
Hyperframes Mediaboraoztunc/skills3972 repos~3.7kAutomated safety check: PassApache-2.0
Elevenlabs Core Workflow Bjeremylongshore/tons-of-skills-marketplace2.8k—~1.6kAutomated safety check: PassMIT

Similar skills

  • Media Use

    edenfunf/reelmimic

    Agent Media OS, the single skill for every media need in a HyperFrames project.

    1.8k GitHub starsUsed in 1 repo~2k tokens
    Media & CreativeAuto-check passed
  • Hyperframes

    scott-fryxell/brayness

    Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

    125 GitHub stars~3.2k tokensUpdated 11 days ago
    Media & CreativeAuto-check passed
  • Hyperframes Media

    cosmicstack-labs/mercury-agent-skills

    Asset preprocessing for HyperFrames compositions — local text-to-speech narration (Kokoro-82M, no API key), audio/video transcription (Whisper), and background removal for transparent overlays…

    476 GitHub stars~1.7k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Hyperframes Media

    boraoztunc/skills

    Asset preprocessing for HyperFrames compositions — text-to-speech narration (Kokoro), audio/video transcription (Whisper), and background removal for transparent overlays (u2net).

    397 GitHub starsUsed in 2 repos~3.7k tokens
    Media & CreativeAuto-check passed
  • Elevenlabs Core Workflow B

    jeremylongshore/tons-of-skills-marketplace

    Implement ElevenLabs speech-to-speech, sound effects, audio isolation, and speech-to-text.

    2.8k GitHub stars~1.6k tokensUpdated today
    Media & CreativeAuto-check passed
  • Hyperframes Media

    chmonitor/chmonitor

    Audio and media assets for HyperFrames compositions, produced by one shared audio engine (scripts/audio.mjs) — multi-provider TTS (HeyGen / ElevenLabs / Kokoro local), background music + sound…

    299 GitHub starsUsed in 1 repo~2.8k tokens
    Media & CreativeAuto-check: notes

More from heygen-com/hyperframes

All 32 skills in this repo
  • HyperFrames Animation

    heygen-com/hyperframes

    Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

    59k GitHub starsUsed in 3 repos~2.1k tokens
    Auto-check passed
  • Embedded Video Captions

    heygen-com/hyperframes

    Adds captions to a single-subject talking-head video without editing the footage, from plain subtitles to cinematic text placed behind the speaker.

    59k GitHub starsUsed in 3 repos~8.6k tokens
    Auto-check passed
  • Weekly Changelog Video

    heygen-com/hyperframes

    Turns a weekly changelog markdown file into a branded HyperFrames video with voiceover, animated mock-UI scenes and captions, using fonts, background and scripts bundled in the skill.

    59k GitHub stars~3.3k tokensUpdated today
    Auto-check passed
  • Faceless Explainer Video

    heygen-com/hyperframes

    Turns an article, notes or a topic brief into an explainer video whose visuals are invented per scene, built frame by frame in HyperFrames with no footage.

    59k GitHub starsUsed in 3 repos~7.7k tokens
    Auto-check: notes
  • Figma to HyperFrames

    heygen-com/hyperframes

    Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.

    59k GitHub starsUsed in 3 repos~4.5k tokens
    Auto-check: notes
  • HyperFrames Video Entry Point

    heygen-com/hyperframes

    Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

    59k GitHub starsUsed in 3 repos~5.2k tokens
    Auto-check passed

Works with

Questions about HyperFrames Media Use

What does HyperFrames Media Use do?

Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades. media-use acts as the media layer of a HyperFrames project. Its central command, resolve, turns a type and a plain-language intent into a single local file plus a ledger record, keeping search noise on disk.

When should I use HyperFrames Media Use?

HyperFrames Media Use fits situations like: adding background music or sound effects to a HyperFrames video; generating a voiceover and captions for a script; fixing footage that looks dark or flat; pulling an official brand logo into a project.

How do I install HyperFrames Media Use in Claude Code?

Run `npx skills add heygen-com/hyperframes --skill media-use -a claude-code`. Or copy the skill folder (skills/media-use in heygen-com/hyperframes) into .claude/skills/media-use in your project. Claude Code loads it when a task matches its description.

How do I install HyperFrames Media Use in Codex?

Run `npx skills add heygen-com/hyperframes --skill media-use -a codex`. Or copy the skill folder (skills/media-use in heygen-com/hyperframes) into .agents/skills/media-use in your project. Codex loads it when a task matches its description.

Can I use HyperFrames Media Use in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add heygen-com/hyperframes --skill media-use -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/media-use, .gemini/skills/media-use, .github/skills/media-use and .opencode/skills/media-use in your project.

What does HyperFrames Media Use need to run?

Going by SKILL.md and its folder, HyperFrames Media Use needs the command-line tools its instructions call (npx). Our summary lists: The heygen CLI with sign-in (OAuth or API key); Node.js for npx hyperframes.

Does HyperFrames Media Use access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is HyperFrames Media Use safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does HyperFrames Media Use use?

HyperFrames Media Use is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does HyperFrames Media Use use?

About 2.4k tokens (SKILL.md is roughly 9.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 27k tokens, read only when the agent opens those files.

What are the alternatives to HyperFrames Media Use?

Skills that share tags, products or a category with HyperFrames Media Use: Media Use (edenfunf/reelmimic, 1.8k stars), Hyperframes (scott-fryxell/brayness, 125 stars), Hyperframes Media (cosmicstack-labs/mercury-agent-skills, 476 stars) and Hyperframes Media (boraoztunc/skills, 397 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains HyperFrames Media Use?

heygen-com (a GitHub organization) maintains it in heygen-com/hyperframes, which has 59,375 GitHub stars. The repository holds 32 skills in this directory. The repository was last updated on October 9, 2026.

Source: heygen-com/hyperframes on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.