Hyperframes
scott-fryxell/brayness
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.
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…
$ npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install cosmicstack-labs/mercury-agent-skills hyperframes-media --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/cosmicstack-labs/mercury-agent-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/categories/development/hyperframes-media .claude/skills/hyperframes-media && rm -rf skills-srcUse ~/.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/
Install the "hyperframes-media" agent skill from https://github.com/cosmicstack-labs/mercury-agent-skills/tree/main/categories/development/hyperframes-media into .claude/skills/hyperframes-media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-media", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/cosmicstack-labs/mercury-agent-skills/tree/main/categories/development/hyperframes-mediaType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install cosmicstack-labs/mercury-agent-skills hyperframes-media --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cosmicstack-labs/mercury-agent-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/categories/development/hyperframes-media .agents/skills/hyperframes-media && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "hyperframes-media" agent skill from https://github.com/cosmicstack-labs/mercury-agent-skills/tree/main/categories/development/hyperframes-media into .agents/skills/hyperframes-media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-media", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install cosmicstack-labs/mercury-agent-skills hyperframes-media --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cosmicstack-labs/mercury-agent-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/categories/development/hyperframes-media .cursor/skills/hyperframes-media && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "hyperframes-media" agent skill from https://github.com/cosmicstack-labs/mercury-agent-skills/tree/main/categories/development/hyperframes-media into .cursor/skills/hyperframes-media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-media", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/cosmicstack-labs/mercury-agent-skills.git --path categories/development/hyperframes-media--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install cosmicstack-labs/mercury-agent-skills hyperframes-media --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cosmicstack-labs/mercury-agent-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/categories/development/hyperframes-media .gemini/skills/hyperframes-media && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "hyperframes-media" agent skill from https://github.com/cosmicstack-labs/mercury-agent-skills/tree/main/categories/development/hyperframes-media into .gemini/skills/hyperframes-media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-media", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install cosmicstack-labs/mercury-agent-skills hyperframes-mediaInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/cosmicstack-labs/mercury-agent-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/categories/development/hyperframes-media .github/skills/hyperframes-media && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "hyperframes-media" agent skill from https://github.com/cosmicstack-labs/mercury-agent-skills/tree/main/categories/development/hyperframes-media into .github/skills/hyperframes-media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-media", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install cosmicstack-labs/mercury-agent-skills hyperframes-media --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cosmicstack-labs/mercury-agent-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/categories/development/hyperframes-media .opencode/skills/hyperframes-media && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "hyperframes-media" agent skill from https://github.com/cosmicstack-labs/mercury-agent-skills/tree/main/categories/development/hyperframes-media into .opencode/skills/hyperframes-media/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-media", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
hyperframes-mediaAsset preprocessing for HyperFrames compositions — local text-to-speech narration (Kokoro-82M, no API key), audio/video transcription (Whisper), and background removal for transparent overlays…
Hyperframes Media is an agent skill from 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 (u2net). Use when generating voiceover from text, transcribing speech for captions, removing background from video/images, choosing TTS voices or whisper models, or chaining TTS - transcribe - captions. Each command downloads its own model on first run.
Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Media & Creative, covering Text to speech and voice, Transcription and Motion graphics. It works with HeyGen. The repository describes itself as: A curated registry of reusable Mercury Agent, Open Claw or Hermes Agent skills designed for real developer workflows, persistent memory, and token-efficient execution. The licence is MIT.
3 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 30392fb. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
npxpipFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npx and pip, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Hyperframes Media loads about 1.7k tokens when it runs. Until then it costs about 117 tokens; SKILL.md has 536 words of instructions outside code blocks.
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.
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); files beside SKILL.md are not scanned.
The full file from cosmicstack-labs/mercury-agent-skills at commit 30392fb, republished under its MIT licence (© cosmicstack-labs). 536 words, ~1,690 tokens.
.claude/skills/hyperframes-media/SKILL.md (or your agent's skills folder).Three CLI commands that produce assets for compositions: tts (speech), transcribe (timestamps), and remove-background (transparent video). Each downloads a model on first run and caches it under ~/.cache/hyperframes/.
tts)Generate speech audio locally with Kokoro-82M. No API key required.
npx hyperframes tts "Text here" --voice af_nova --output narration.wav
npx hyperframes tts script.txt --voice bf_emma --output narration.wav
npx hyperframes tts --list # list all 54 voices| Content Type | Recommended Voices | Why |
|---|---|---|
| Product demo | af_heart / af_nova | Warm, professional |
| Tutorial / how-to | am_adam / bf_emma | Neutral, easy to follow |
| Marketing / promo | af_sky / am_michael | Energetic or authoritative |
| Documentation | bf_emma / bm_george | Clear British English, formal |
| Casual / social | af_heart / af_sky | Approachable, natural |
Voice IDs encode language in the first letter:
a = American English, b = British English, e = Spanishf = French, h = Hindi, i = Italian, j = Japanesep = Brazilian Portuguese, z = MandarinThe CLI auto-detects the phonemizer locale from the prefix — no --lang needed when the voice matches the text.
npx hyperframes tts "La reunión empieza a las nueve" --voice ef_dora --output es.wav
npx hyperframes tts "今日はいい天気ですね" --voice jf_alpha --output ja.wavUse --lang only to override auto-detection (stylized accents). Valid codes: en-us, en-gb, es, fr-fr, hi, it, pt-br, ja, zh.
| Speed | Use Case |
|---|---|
| 0.7-0.8 | Tutorial, complex content, accessibility |
| 1.0 | Natural pace (default) |
| 1.1-1.2 | Intros, transitions, upbeat content |
| 1.5+ | Rarely appropriate; test carefully |
Write to a .txt file and pass the path. Inputs over ~5 minutes may benefit from splitting into segments.
Python 3.8+ with kokoro-onnx and soundfile (pip install kokoro-onnx soundfile). Model downloads on first use (~311 MB + ~27 MB voices, cached in ~/.cache/hyperframes/tts/).
transcribe)Produce a normalized transcript.json with word-level timestamps.
npx hyperframes transcribe audio.mp3
npx hyperframes transcribe video.mp4 --model small --language es
npx hyperframes transcribe subtitles.srt # import existing
npx hyperframes transcribe subtitles.vtt
npx hyperframes transcribe openai-response.jsonNever use .en models unless the user explicitly states the audio is English. .en models (small.en, medium.en) translate non-English audio into English instead of transcribing it. This silently destroys the original language.
--model small --language <code> (no .en suffix)--model small.en--model small (no .en, no --language) — whisper auto-detectsDefault model is small, not small.en.
| Model | Size | Speed | When to use |
|---|---|---|---|
tiny | 75 MB | Fastest | Quick previews, testing pipeline |
base | 142 MB | Fast | Short clips, clear audio |
small | 466 MB | Moderate | Default — most content |
medium | 1.5 GB | Slow | Important content, noisy audio, music |
large-v3 | 3.1 GB | Slowest | Production quality |
Music with vocals: start at medium minimum.
[
{ "id": "w0", "text": "Hello", "start": 0.0, "end": 0.5 },
{ "id": "w1", "text": "world.", "start": 0.6, "end": 1.2 }
]remove-background)Remove the background from a video or image so the subject sits as a transparent overlay.
npx hyperframes remove-background subject.mp4 -o transparent.webm # VP9 alpha WebM
npx hyperframes remove-background subject.mp4 -o transparent.mov # ProRes 4444
npx hyperframes remove-background portrait.jpg -o cutout.png # single-image cutout
npx hyperframes remove-background subject.mp4 -o subject.webm \
--background-output plate.webm # both layers
npx hyperframes remove-background --info # detected providersUses u2net_human_seg (MIT). First run downloads ~168 MB of weights.
--background-output)Pass --background-output (or -b) to emit a second transparent video with the inverse alpha:
| File | Alpha is... | Use it for |
|---|---|---|
-o subject.webm | The mask — subject opaque, bg transparent | Foreground layer |
--background-output plate.webm | Inverse — bg opaque, subject transparent | Bottom layer; put text/graphics between |
Both share the same quality preset and run from a single inference pass.
| Format | When |
|---|---|
.webm (VP9 + alpha) | Default. Compositions play directly via <video>. |
.mov (ProRes 4444) | Editing in DaVinci/Premiere/FCP. Large files. |
.png | Single-image cutout. |
| Preset | CRF | When |
|---|---|---|
fast | 30 | Iterating, smaller file |
balanced | 18 | Default. Visually identical for most uses |
best | 12 | Master / final delivery |
Generate voiceover, get word-level timestamps, and create captions:
npx hyperframes tts script.txt --voice af_heart --output narration.wav
npx hyperframes transcribe narration.wav # -> transcript.jsonWhisper extracts precise word boundaries from the generated audio, so caption timing matches delivery without hand-tuning.
| Skill | Purpose |
|---|---|
hyperframes | Composition authoring (HTML, GSAP, captions, variables) |
hyperframes-cli | CLI dev loop (init, lint, preview, render, doctor) |
© cosmicstack-labs, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in categories/development/hyperframes-media of cosmicstack-labs/mercury-agent-skills.
Open the folder on GitHubat commit 30392fb
Hyperframes Media 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Hyperframes Media this skillcosmicstack-labs/mercury-agent-skills | 476 | — | ~1.7k | Automated safety check: Pass | MIT | |
| Hyperframesscott-fryxell/brayness | 124 | — | ~3.2k | Automated safety check: Pass | MIT | |
| Hyperframes Mediaboraoztunc/skills | 393 | 2 repos | ~3.7k | Automated safety check: Pass | Apache-2.0 | |
| Hyperframes CLIaiskillstore/marketplace | 430 | 1 repos | ~2.7k | Automated safety check: Pass | None | |
| HyperFrames Media Useheygen-com/hyperframes | 58k | 2 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| Hyperframesboraoztunc/skills | 393 | 9 repos | ~7.6k | Automated safety check: Pass | Apache-2.0 |
scott-fryxell/brayness
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.
boraoztunc/skills
Asset preprocessing for HyperFrames compositions — text-to-speech narration (Kokoro), audio/video transcription (Whisper), and background removal for transparent overlays (u2net).
aiskillstore/marketplace
Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish…
heygen-com/hyperframes
Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.
boraoztunc/skills
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.
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…
cosmicstack-labs/mercury-agent-skills
Use this before implementing a product, feature, SaaS, AI app, or side project to score product risk and choose the smallest validation step.
cosmicstack-labs/mercury-agent-skills
HyperFrames CLI dev loop — project scaffolding, validation (lint/inspect), browser preview with live reload, MP4/WebM rendering, and environment troubleshooting (doctor, browser, info, upgrade).
cosmicstack-labs/mercury-agent-skills
Design and implement agent-to-agent handoff protocols for multi-agent systems.
cosmicstack-labs/mercury-agent-skills
Monitor AI agent health, detect anomalies, set up alerting, and maintain observability dashboards for production multi-agent systems.
cosmicstack-labs/mercury-agent-skills
Design and operate task delegation systems for multi-agent fleets.
cosmicstack-labs/mercury-agent-skills
Convert Markdown to publication-quality PDF with reportlab — CJK/Latin mixed text, themes, cover pages, watermarks, callouts, formulas, and interactive theme selection
Works with
Categories
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…. Hyperframes Media is an agent skill from 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 (u2net).
Hyperframes Media fits situations like: generating voiceover from text; transcribing speech for captions; removing background from video/images; choosing TTS voices.
Run `npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a claude-code`. Or copy the skill folder (categories/development/hyperframes-media in cosmicstack-labs/mercury-agent-skills) into .claude/skills/hyperframes-media in your project. Claude Code loads it when a task matches its description.
Run `npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a codex`. Or copy the skill folder (categories/development/hyperframes-media in cosmicstack-labs/mercury-agent-skills) into .agents/skills/hyperframes-media in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add cosmicstack-labs/mercury-agent-skills --skill hyperframes-media -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/hyperframes-media, .gemini/skills/hyperframes-media, .github/skills/hyperframes-media and .opencode/skills/hyperframes-media in your project.
Going by SKILL.md and its folder, Hyperframes Media needs the command-line tools its instructions call (npx and pip). Our summary lists: Python 3; Node.js.
SKILL.md contains no URLs. Its commands use npx and pip, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
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. Review the folder before installing.
Hyperframes Media is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.7k tokens (SKILL.md is roughly 6.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Hyperframes Media: Hyperframes (scott-fryxell/brayness, 124 stars), Hyperframes Media (boraoztunc/skills, 393 stars), Hyperframes CLI (aiskillstore/marketplace, 430 stars) and HyperFrames Media Use (heygen-com/hyperframes, 58k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
cosmicstack-labs (a GitHub organization) maintains it in cosmicstack-labs/mercury-agent-skills, which has 476 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on August 25, 2026.
Source: cosmicstack-labs/mercury-agent-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.