Communitygithub.com

Drama2557/4RealDigital-Video-Studio

Overlay-Doktrin für den Embedded-Captions-Workflow – das Caption-Modell (Drop / Rail / Embed) und die Regel, dass Captions ein OVERLAY sind, das über dem Film liegt, niemals ein reservierter unterer Rand, für den du den Inhalt nach oben schiebst.

Was ist 4RealDigital-Video-Studio?

Diese Fähigkeit definiert eine Overlay-Doktrin für den Workflow mit eingebetteten Untertiteln (embedded-captions). Sie ergänzt die übergeordnete Fähigkeit 'embedded-captions' und baut auf ihr auf. Die Doktrin besteht aus zwei Kernideen: dem Caption-Modell (Drop / Rail / Embed) und dem Overlay-Gesetz. Das Caption-Modell klassifiziert jeden gesprochenen Satz als 'Drop' (Füllwort), 'Rail' (standardmäßiger Text in einer unteren Drittel-Einblendung) oder 'Embed' (ein seltener, hervorgehobener Höhepunkt, der hinter dem Motiv eingeblendet wird). Das Overlay-Gesetz besagt, dass Untertitelzeilen als Overlay-Schicht über dem gesamten Film liegen und niemals als reservierte Zone behandelt werden – der Inhalt darf daher bis zum unteren Bildrand reichen, die Komposition behält ihren vollen Bildausschnitt und richtet sich nach der echten vertikalen Mitte. Diese Doktrin ist für Creator von Produkt-Launch-Videos und Talking-Head-Videos gedacht, die Untertitel oder Bildunterschriften hinzufügen möchten. Sie wird auf Plattformen wie Finalize oder anderen AI-Videoproduktionstools genutzt, die auf 'embedded-captions' aufbauen. Zusammengefasst: die Doktrin stellt sicher, dass Untertitel als Overlay hinzugefügt werden, ohne das Layout zu beeinträchtigen, und dass die visuelle Lesbarkeit visuell beurteilt wird, nicht durch eine feste Sperrzone.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Drama2557/4RealDigital-Video-Studio/tree/HEAD/.agents/skills/captions-overlay

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Captions Overlay Doctrine

Overlay-Doktrin – ergänzt die übergeordnete Fähigkeit embedded-captions. Wird DARAUF aufgesetzt. Gehe nicht davon aus, dass sie in der übergeordneten Fähigkeit enthalten ist.

Hier kombinieren sich zwei Ideen. Erstens das Caption-Modell – jeder gesprochene Satz ist drop, rail oder embed, und embed ist der seltene, verdiente Höhepunkt, nicht der Standard. Zweitens das Overlay-Gesetz – eine Untertitelzeile wird als Overlay ÜBER den Film gelegt; sie ist KEINE reservierte Zone, du verschiebst den Inhalt also niemals nach oben oder lässt einen toten Bereich, um „Platz zu schaffen“. Beides verstärkt sich gegenseitig: Da Untertitel als Overlay darüberliegen (die wörtliche Rail vorne, der gelegentliche Embed hinter dem Motiv), behält die Komposition ihren vollen Bildausschnitt und zentriert auf der echten vertikalen Mitte.

Das Caption-Modell – Drop / Rail / Embed

Jeder gesprochene Satz ist eines von drei Dingen (wörtlich aus embedded-captions):

WasWie es dargestellt wird
dropFüllwort – äh/ähm, Stottern, Selbstkorrekturennicht gezeigt
railder Standard – normaler gesprochener Inhalt (wörtlich)saubere untere Drittel-Einblendung vorne, lesbar. Ein punch-Wort kann eine inline emphasis-Hervorhebung erhalten (Akzentfarbe / aktives Wort-Pop) – es bleibt auf der Rail.
embedein hervorgehobener Höhepunkt – der wichtigste Schlagein großes Wort hinter dem Motiv (matte Occlusion), gestalteter Ein- und Ausgang

Die Rail trägt den meisten Text; embed ist der seltene, verdiente Höhepunkt – ≤1 pro Beat, niemals zwei benachbart/gleichzeitig sichtbar, mindestens einen Beat Abstand. Ein kurzer Clip → normalerweise ein Embed; ein langer Erklärer → etwa eines pro Abschnitt. Jedes Wort zu embedden ist der häufige Fehler.

Dies ist die Standard-Modus-Form (Rail = die wörtliche untere Drittel-Einblendung; Embed = der Höhepunkt hinter dem Motiv). Der Cinematic-Modus lässt die Rail weg und macht alles Embed-artig – verwende ihn nur für rein-filmische Anfragen, niemals für Erklärer/Voiceover, bei denen die Worte lesbar sein müssen.

Rail-zuerst, Embed-spärlich (die tragenden Regeln)

Zitiert aus den Nicht-Verhandelbaren von embedded-captions:

  • Rail-zuerst für Talking-Head / Erklärer. Nicht das gesamte Transkript embedden – der meiste Text ist die Rail; nur Höhepunkte embedden. Alles zu embedden ist der Standardfehler.
  • Embed ist spärlich + mit Abstand. ≤1 Embed pro Satz/Beat, niemals zwei benachbart oder gleichzeitig sichtbar, mindestens einen Beat Abstand, höchstens ein apex. climax = Höhepunkt pro Beat, nicht „der einmalige Höhepunkt des gesamten Clips.“

Das Overlay-Gesetz – Untertitel sind KEINE reservierte Zone

In einer generierten Launch-Komposition, bei aktivierten Untertiteln, fügt finalize eine kleine, minimale Wort-für-Wort-Untertitelzeile als Overlay-Schicht ÜBER dem gesamten Film ein (eine einzelne Textzeile, unten zentriert, etwa die unteren ~5-8% der Leinwandhöhe). Es ist ein Overlay, keine reservierte Zone (wörtlich aus Einschränkung #13 des Product-Launch-Video-Szenenagenten):

  • Zentriere die Komposition auf der ECHTEN vertikalen Mitte – y = H / 2 (Landschaft 540, Hochformat 960). Verschiebe den Inhalt nicht nach oben, um „Platz für Untertitel zu schaffen“; eine Komposition, die bei 0,42 × H zentriert ist und einen toten unteren Bereich hat, ist der Fehler, nicht die Lösung.
  • Der Inhalt kann bis zum unteren Rand der Leinwand reichen. Vollformatige Motive, Rails und Hintergründe sind alle willkommen.
  • Eine weiche Höflichkeitsregel: Vermeide es, kritischen kleinen lesbaren Text (eine URL-Zeile, eine rechtliche Zeile, einen Untertitel) genau in den unteren ~80px mittleren Bereich zu setzen, wo die Untertitelzeile liegt – das Overlay würde damit kollidieren. Große Bilder/Karten/ambienter Inhalt unter den Untertiteln ist in Ordnung; das Untertitel-Design ist dafür gemacht, über Inhalt gelesen zu werden.
  • Es gibt keine maschinelle Sperrzone (der alte captions.mjs keepout-Check ist zurückgezogen). Finalize Snapshot-QA beurteilt die Lesbarkeit von Untertiteln über Inhalt visuell.

Wenn Untertitel deaktiviert sind: dieselbe Positionierungsfreiheit – das Overlay existiert einfach nicht.

Warum diese beiden Regeln eine Doktrin sind

Das Modell besagt, dass die Rail vorne liegt und ein Embed ein seltenes Wort ist, das hinter dem Motiv eingeblendet wird – beides sind Ebenen, die zu unberührtem Filmmaterial hinzugefügt werden. Das Overlay-Gesetz besagt, dass die Untertitelzeile eine Ebene ist, die über dem gesamten Film eingeblendet wird, kein aus dem Layout herausgeschnittener Bereich. Sowohl in der Untertitel-Pipeline als auch in der Launch-Video-Pipeline sind Untertitel also ein Overlay, das du hinzufügst, keine Zone, die du reservierst:

  • Behalte den vollen Bildausschnitt; zentriere auf der echten Mitte; lasse Inhalt bis an die Ränder reichen.
  • Lass die Rail (oder die kleine Overlay-Untertitelzeile) die wörtlichen Worte tragen.
  • Hebe ein Wort nur bei einem echten Höhepunkt zu einem Embed – spärlich, mit Abstand, niemals zwei gleichzeitig.
  • Reserve nichts; beurteile die Lesbarkeit von Untertiteln über Inhalt visuell, nicht durch eine Sperrzone.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

Drama2557/4RealDigital-Video-Studio

Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visualizations, lowkey captions). Use when the user provides a changelog/digest markdown and wants the weekly video, or says "changelog video". Self-contained — fonts, background, lexicon, and scripts ship in this skill.

Drama2557/4RealDigital-Video-Studio

The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniques — waterfall ENTRY (staggered arrival cascades for title cards / segment openers) and the nudge curve (slow-fast-slow three-phase group slides). Covers partial-travel (~12% of frame) velocity matching via mirrored power4 eases, the Z scale-sign rule, size-scaled blur (10px text / 18-20px full-frame), word-by-word staggered cuts, cascade pacing by element weight, and the 10/65/25 slide ratio. Read before authoring any transition, text-beat handoff, kinetic text entry, or group reposition. [depth, zoom, inverse-zoom, scale-sign, mirrored-zoom, rack-focus, pacing, velocity, cut-the-curve, waterfall, stagger, cascade, kinetic-text, title-card, segment-opener, nudge, slide, easing, group-motion, z-depth, motion-graphics, cinematic, transition, blur, directional-continuity]

Drama2557/4RealDigital-Video-Studio

Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog. Route by visual identity, not by backend engine. The quiet `anchor` rail is the default; embed every word only when the user explicitly wants a fully cinematic treatment. The workflow runs locally end to end, including transcription and subject matting; split multi-shot footage before applying it.

Drama2557/4RealDigital-Video-Studio

Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

Drama2557/4RealDigital-Video-Studio

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated motion-first unit, including an animated title. Route fresh creation through hyperframes before using this skill.

Drama2557/4RealDigital-Video-Studio

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, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, auth, tts, and remove-background. Also use when diagnosing build or render failures. validate, inspect, and layout are deprecated aliases; use check. Covers local, HeyGen-hosted cloud, AWS Lambda, and Google Cloud Run rendering.

Drama2557/4RealDigital-Video-Studio

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.

Drama2557/4RealDigital-Video-Studio

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`.

Drama2557/4RealDigital-Video-Studio

Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block sub-composition wiring, component snippet merging, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

Drama2557/4RealDigital-Video-Studio

Agent Media OS, the single skill for every media need in 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.

Drama2557/4RealDigital-Video-Studio

GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous camera move instead of a stack of independently-animated slides. Covers the vector law (how you exit determines how you enter, incl. the Z scale-sign rule), the film's current, carrier elements, causal motion, the Seam Gate (build-gate enforcement), the ban on idle wobble (motion must PERFORM, not breathe), stillness-before-climax, and the sustained-motion routes. Routes to the low-level technique skills (cut-the-curve — the full catalog incl. waterfall entry + nudge curve, oversized-cursor, seam-craft). These rules SUPERSEDE generic / upstream motion guidance. [continuity, direction, vector, momentum, seam, transition, ease, performance, idle-motion, narrative-motion, film-grammar]

Drama2557/4RealDigital-Video-Studio

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, when kicking off a UI scene, when igniting a morph/transition/typing run with a click, or when a scene reads as static, dead, or stale and needs a cheap high-yield source of motion to carry the viewer's eye and segment them out of the stale state. Covers cursor size/look (incl. brand-motif cursors), the off-screen entry law, tip-targeting and the click tap, click-ignites-the-next-beat, and exit / cross-scene handoff.

Drama2557/4RealDigital-Video-Studio

Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR topic explainer (/faceless-explainer). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correctly on the master timeline. Load when assembling the master timeline / index.html, when a white flash appears at a cut or crossfade seam (especially on dark films), when reasoning about why a transition opacity dip shows through, or when verifying the render-side mechanics of how overlapping scene wrappers blend. Covers the opaque stage-ground (#root background) white-flash guard and how the injector overlaps wrappers, holds final frames, ping-pongs tracks, and stamps lint-clean template code onto the master timeline. Does NOT contain the per-transition catalog — see the transition registry for individual transition entries.

Drama2557/4RealDigital-Video-Studio

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a navigable deck, not a rendered MP4. If the user didn't explicitly ask for a slideshow, confirm before authoring. Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript, on a 16:9 / 9:16 / 4:5 canvas of your choice; the clip plays untouched underneath. Trigger on "graphic overlays", "on-screen graphics", "package / dress up my video". Not plain subtitles (/embedded-captions). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Agent skill / project related to launch or product demo video: Drama2557/4RealDigital-Video-Studio

Verwandte Skills