captions-overlay

tarafından heygen-com

Gömülü altyazı iş akışı için yer paylaşım doktrini — altyazı MODELİ (düşür / ray / göm) ve altyazıların filmin üzerine yerleştirilen bir OVERLAY olduğu, asla içeriği yukarı kaydırmak için ayrılmış bir alt bant olmadığı kuralı. Bir konuşma veya tanıtım videosuna altyazı eklerken, bir ifadenin düşürülüp düşürülmeyeceğine, birebir ray üzerinde mi gideceğine veya nadir bir gömülü zirveye mi yükseltileceğine karar verirken, altyazı taşıyacak bir kompozisyon düzenlerken yükleyin (bir... ayırmayın)

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

Captions Overlay Doctrine

Overlay doctrine — supplements the upstream embedded-captions skill. Applies ON TOP of it; do not expect it folded into the upstream skill.

Two ideas combine here. First, the caption model — every spoken phrase is drop, rail, or embed, and embed is the scarce earned peak, not the default. Second, the overlay law — a caption line is composited ON TOP of the film as an overlay; it is NOT a reserved zone, so you never shift content up or leave a dead band to "make room" for it. The two reinforce each other: because captions ride as an overlay (the verbatim rail in front, the occasional embed behind the subject), the composition keeps its full frame and centers on the true vertical center.

The caption model — drop / rail / embed

Every spoken phrase is one of three things (verbatim from embedded-captions):

WhatHow it's shown
dropfiller — um/uh, stutters, self-correctionsnot shown
railthe default — ordinary spoken content (verbatim)clean lower-third subtitle, in front, readable. A punch word can get an inline emphasis highlight (accent colour / active-word pop) — it stays on the rail.
embeda promoted peak — the headline beatone big word composited behind the subject (matte occlusion), designed entrance + exit

The rail carries most of the text; embed is the scarce, earned peak — ≤1 per beat, never two adjacent/co-visible, spaced ≥ a beat apart. A short clip → usually one embed; a long explainer → ~one per section. Embedding every word is the common mistake.

This is the Standard mode shape (rail = the verbatim lower-third; embed = the climax composited behind the subject). Cinematic mode drops the rail and makes everything embed-style — use it only for pure-cinematic asks, never for explainer / voiceover where the words must read.

Rail-first, embed-scarce (the load-bearing rules)

Quoted from the embedded-captions non-negotiables:

  • Rail-first for talking-head / explainer. Don't embed the whole transcript — most text is the rail; embed only peaks. Embedding everything is the default mistake.
  • Embed is scarce + spaced. ≤1 embed per sentence/beat, never two adjacent or co-visible, ≥ a beat apart, at most one apex. climax = per-beat peak, not "the single payoff of the entire clip."

The overlay law — captions are NOT a reserved band

In a generated launch composition, when captions are enabled, finalize composites a small, minimal word-by-word caption line as an overlay layer ON TOP of the whole film (a single text line, bottom-centered, roughly the bottom ~5-8% of canvas height). It is an overlay, not a reserved zone (verbatim from constraint #13 of the product-launch-video scene agent):

  • Center the composition on the TRUE vertical center — y = H / 2 (landscape 540, portrait 960). Do not shift content up to "make room" for captions; a composition centered at 0.42 × H with a dead lower band is the bug, not the fix.
  • Content may extend to the canvas bottom. Full-bleed subjects, rails, and backgrounds all welcome.
  • One soft courtesy rule: avoid parking critical small readable text (a URL line, a legal line, a sub-caption) exactly in the bottom ~80px center span where the caption line sits — the overlay would fight it. Large imagery / cards / ambient content under the captions is fine; the caption skin is designed to read over content.
  • There is no machine keep-out gate (the old captions.mjs keepout check is retired). Finalize snapshot QA judges caption-over-content legibility visually.

When captions are disabled: identical positioning freedom — the overlay simply doesn't exist.

Why these two rules are one doctrine

The model says the rail rides in front and an embed is a rare word composited behind the subject — both are layers added to footage that ships untouched. The overlay law says the caption line is a layer composited on top of the whole film, not a band carved out of the layout. So in both the captioning pipeline and the launch-video pipeline, captions are an overlay you add, not a zone you reserve:

  • Keep the full frame; center on true center; let content run to the edges.
  • Make the rail (or the small overlay caption line) carry the verbatim words.
  • Promote a word to an embed only at a genuine peak — scarce, spaced, never two at once.
  • Reserve nothing; judge legibility of captions-over-content visually, not by a keep-out gate.

heygen-com tarafından daha fazla skill

hyperframes-audio
heygen-com
Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.
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
HyperFrames için tüm animasyon bilgisi — atomik hareket kuralları, çok aşamalı sahne şablonları, sahne geçişleri, geniş kapsamlı hareket tasarımı teknikleri VE yedi çalışma zamanı bağdaştırıcısı (varsayılan GSAP, ayrıca Lottie, Three.js, Anime.js, CSS anahtar kareleri, Web Animasyonları API'si, TypeGPU). Herhangi bir hareket veya animasyon görevi için kullanın: 2-4 kural seçip birleştirin, bir şablon yükleyin veya çalışma zamanına özgü API'yi (ör. GSAP yumuşatmaları / Lottie oynatıcı / Three.js miksajcı) sorgulayın. HyperFrames-native: tek duraklatılmış zaman çiz
creativedevelopmentdesign
hyperframes-core
heygen-com
HyperFrames HTML kompozisyon sözleşmesi. Kompozisyon yapısı, veri nitelikleri, klipler, parçalar, alt kompozisyonlar, değişkenler, medya oynatımı, deterministik render kuralları ve minimum render edilebilir projelerin doğrulaması için kullanılır.
developmentmediacreative
hyperframes-media
heygen-com
HyperFrames kompozisyonları için varlık ön işleme — çoklu sağlayıcılı TTS (HeyGen / ElevenLabs / Kokoro yerel), çoklu sağlayıcılı BGM (Google Lyria / yerel MusicGen), Whisper transkripsiyonu, arka plan kaldırma ve altyazı yazarlığı. npx hyperframes tts, bgm, transcribe, remove-background, voice/provider seçimi, music-mood yönlendirmesi, captions / subtitles / lyrics / karaoke / per-word styling için kullanın.
mediaaudiovideo
hyperframes-registry
heygen-com
HyperFrames kompozisyonlarına kayıt blokları ve bileşenleri kurup bağlayın. hyperframes add çalıştırırken, bir blok veya bileşen kurarken, kurulu bir öğeyi index.html'e bağlarken veya hyperframes.json ile çalışırken kullanın. add komutunu, kurulum konumlarını, blok alt kompozisyon bağlantısını, bileşen snippet birleştirmeyi, kayıt keşfini ve yukarı akışa katkıda bulunmak için yeni bir blok veya bileşen yazmayı (fikir → iskelet → doğrulama → PR) kapsar.
developmentapicode-review
general-video
heygen-com
Hi̇çbir özelleşmiş iş akışı uymadığında, özel HyperFrames HTML video kompozisyonu oluşturma için yedek olarak kullanın. Daha uzun veya çok sahneli parçaları, marka/tanıtım reellerini, montajları, başlık kartlarını, uzun hareketli posterleri, statik döngüleri ve herhangi bir uzunluk veya formatta serbest kompozisyonları kapsar. Pazarlanan ürün tanıtımları (product-launch-video), genel web sitesinden videoya çekim (website-to-video), konu anlatımları (faceless-explainer), GitHub PR videoları (pr-to-video), mevcut görüntüleri altyazılama... için değildir.
videocreativemedia
motion-graphics
heygen-com
Kullanıcının kısa, tasarım odaklı ve hareketin mesajı ilettiği bir motion grafik istediğinde kullanılır: kinetik tipografi, istatistik veya sayı sayacı, grafik/veri görselleştirme vurgusu, logo animasyonu, marka birleşimi, alt üçlük, çağrı, sosyal katman, animasyonlu başlık/tweet/haber ögesi, hareketli poster veya hızlı yakalanmış sayfa vurgusu. Genellikle 10 saniyenin altında ve en fazla ~30 saniye olup, anlatı akışı, seslendirme veya canlı aksiyon öznesi içermez. MP4 veya şeffaf katman olarak işlenebilir. Daha uzun, çok sahneli, seslendirmeli veya marka
creativevideodesign