hyperframes-media

द्वारा heygen-com

Asset preprocessing for HyperFrames compositions — multi-provider TTS (HeyGen / ElevenLabs / Kokoro local), multi-provider BGM (Google Lyria / local MusicGen), Whisper transcription, background removal, and caption authoring. Use for npx hyperframes tts, bgm, transcribe, remove-background, voice/provider selection, music-mood prompting, captions / subtitles / lyrics / karaoke / per-word styling.

npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-media

HyperFrames Media

CLI commands that create assets (tts, bgm, transcribe, remove-background), plus everything needed to consume and animate transcript data in HTML. For placing assets into compositions, see hyperframes-core.

Provider chains (auto-detected from env)

TTSnpx hyperframes tts "..." picks the first available provider:

OrderProviderDetected whenWord timestamps
1HeyGen (Starfish)$HEYGEN_API_KEY / hyperframes auth loginYes, native — pass --words narration.words.json to capture
2ElevenLabs$ELEVENLABS_API_KEY setNo — chain transcribe after
3Kokoro-82M (local, 54 voices)always (no key required)No — chain transcribe after

If the installed hyperframes tts is the local-only build (its --help says "Kokoro-82M" and has no --provider/--words flags), it silently falls back to Kokoro even with $HEYGEN_API_KEY set. To force HeyGen regardless of CLI version, use the self-contained scripts/heygen-tts.mjs (see references/tts.md).

BGMnpx hyperframes bgm --duration N:

OrderProviderDetected when
1Google Lyria (RealTime)$GEMINI_API_KEY or $GOOGLE_API_KEY set
2MusicGen (facebook/musicgen-small, local)Python transformers + torch + soundfile installed

Override either with --provider <name>.

Routing

TaskRead
npx hyperframes tts — provider chain, voice IDs, words.jsonreferences/tts.md
HeyGen without the CLI — self-contained REST script (wav + words)scripts/heygen-tts.mjs (see references/tts.md)
npx hyperframes bgm — Lyria vs MusicGen, mood prompts, tuningreferences/bgm.md
npx hyperframes transcribe — Whisper, model rules, output shapereferences/transcribe.md
npx hyperframes remove-background — transparent cutoutsreferences/remove-background.md
TTS → transcription → captions (no recorded voiceover)references/tts-to-captions.md
Caption authoring — style detection, layout, word grouping, exitreferences/captions/authoring.md
Transcript handling — input formats, quality gates, cleanup, APIsreferences/captions/transcript-handling.md
Caption motion — karaoke, marker effects, audio-reactivereferences/captions/motion.md
Model caches, system dependencies, troubleshootingreferences/requirements.md

Non-negotiable rules

  • Voice IDs are provider-specific. am_michael is Kokoro-only; HeyGen UUIDs don't work on Kokoro. If you pass --voice, also pin --provider to avoid silent provider drift when the user's env changes.
  • Always pass --model to transcribe. The CLI default small.en silently translates non-English audio. See references/transcribe.md → "Language Rule".
  • HeyGen returns word timestamps; ElevenLabs / Kokoro do not. When you want captions, either pass --words to HeyGen and use that JSON directly, or run transcribe against the audio file. Don't assume word data is always there.
  • Captions consume the flat word-array format with { id, text, start, end }. See references/transcribe.md → "Output Shape".
  • remove-background --background-output is hole-cut, not inpainted. For "scene without the person", a different tool is needed. See references/remove-background.md → "When NOT the right tool".

heygen-com की और Skills

hyperframes-cli
heygen-com
HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.
developmenttestingapi
hyperframes-animation
heygen-com
हाइपरफ्रेम्स के लिए सभी एनिमेशन ज्ञान — परमाणु गति नियम, बहु-चरण दृश्य ब्लूप्रिंट, दृश्य संक्रमण, व्यापक मोशन-डिज़ाइन तकनीकें, और सात रनटाइम एडाप्टर (डिफ़ॉल्ट GSAP, साथ ही Lottie, Three.js, Anime.js, CSS कीफ्रेम्स, वेब एनिमेशन API, TypeGPU)। किसी भी मोशन या एनिमेशन कार्य के लिए उपयोग करें: 2-4 नियम चुनें और रचना करें, या ब्लूप्रिंट लोड करें, या रनटाइम-विशिष्ट API (जैसे GS
creativedevelopmentdesign
hyperframes-core
heygen-com
हाइपरफ्रेम्स HTML संरचना अनुबंध। संरचना संरचना, डेटा विशेषताओं, क्लिप्स, ट्रैक्स, उप-संरचनाओं, चर, मीडिया प्लेबैक, नियतात्मक रेंडर नियमों और न्यूनतम रेंडर करने योग्य परियोजनाओं के सत्यापन के लिए उपयोग करें।
developmentmediacreative
hyperframes-registry
heygen-com
हाइपरफ्रेम्स कंपोज़िशन में रजिस्ट्री ब्लॉक और कंपोनेंट्स को इंस्टॉल और वायर करें। hyperframes add चलाते समय, ब्लॉक या कंपोनेंट इंस्टॉल करते समय, इंस्टॉल किए गए आइटम को index.html में वायर करते समय, या hyperframes.json के साथ काम करते समय उपयोग करें। इसमें add कमांड, इंस्टॉल स्थान, ब्लॉक सब-कंपोज़िशन वायरिंग, कंपोनेंट स्निपेट मर्जिंग, रजिस्ट्री डिस्कवरी, और अपस्ट्रीम में योगदान देने के लिए नए ब्लॉ
developmentapicode-review
general-video
heygen-com
जब कोई विशेष वर्कफ़्लो उपयुक्त न हो, तो कस्टम HyperFrames HTML वीडियो कंपोज़िशन लेखन के लिए फ़ॉलबैक के रूप में उपयोग करें। लंबे या बहु-दृश्य टुकड़ों, ब्रांड/सिज़ल रीलों, मोंटाज, टाइटल कार्ड, किसी भी लंबाई पर मोशन पोस्टर, स्टैटिक लूप और किसी भी लंबाई या प्रारूप पर फ्रीफ़ॉर्म कंपोज़िशन को कवर करता है। विपणन उत्पाद प्रोमो (product-launch-video), सामान्य वेबसाइट-से-वीडियो क
videocreativemedia
motion-graphics
heygen-com
उपयोग तब करें जब उपयोगकर्ता को एक छोटी, डिज़ाइन-प्रधान मोशन ग्राफिक चाहिए जहाँ गति ही संदेश हो: काइनेटिक टाइपोग्राफी, स्टेट या नंबर काउंट-अप, चार्ट/डेटा-विज़ हिट, लोगो स्टिंग, ब्रांड लॉकअप, लोअर-थर्ड, कॉलआउट, सोशल ओवरले, एनिमेटेड हेडलाइन/ट्वीट/न्यूज़ आइटम, मोशन पोस्टर, या त्वरित कैप्चर्ड-पेज हाइलाइट। आम
creativevideodesign
hyperframes-read-first
heygen-com
किसी भी वीडियो, एनिमेशन, मोशन ग्राफिक, एक्सप्लेनर, टाइटल कार्ड, ओवरले, कैप्शन वीडियो, प्रोडक्ट प्रोमो, वेबसाइट वीडियो, पीआर या चेंजलॉग वीडियो, डेटा मोंटाज, मोशन पोस्टर, या हाइपरफ्रेम्स एचटीएमएल कम्पोजीशन बनाने, क्रिएट करने, जनरेट करने, एडिट करने, एनिमेट करने या रेंडर करने के अनुरोध के लिए यहां से शुरू करें। जब उपयोगकर्ता हाइपर
creativevideomedia
hyperframes-creative
heygen-com
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.
creativedesignvideo