Communitygithub.com

Drama2557/4RealDigital-Video-Studio

Doctrina de superposición para el flujo de trabajo de subtítulos incrustados: el modelo de subtítulos (drop / rail / embed) y la regla de que los subtítulos son una SUPERPOSICIÓN compuesta sobre el metraje, nunca una banda inferior reservada que desplaza el contenido hacia arriba para evitarla. Cargar al añadir subtítulos a un video de persona hablando o lanzamiento, al decidir si una frase debe ser eliminada, ir en la línea textual o promoverse a un clímax incrustado escaso, al diseñar una composición que llevará subtítulos (NO reservar una banda de exclusión), o al centrar una composición en el verdadero centro del cuadro bajo los subtítulos. Cita el modelo rail+embed de subtítulos incrustados y la restricción #13 (subtítulos como superposición, banda de exclusión retirada) del agente de escena de video de lanzamiento de producto. Se aplica SOBRE subtítulos incrustados.

¿Qué es 4RealDigital-Video-Studio?

Esta habilidad define una doctrina de superposición para el flujo de trabajo de subtítulos incrustados, complementando la habilidad upstream `embedded-captions`. Se aplica ENCIMA de ella; no se espera que esté integrada en la habilidad upstream. La doctrina combina dos ideas: primero, el modelo de subtítulos donde cada frase hablada es `drop` (eliminada), `rail` (línea textual predeterminada) o `embed` (pico promovido y escaso, compuesto detrás del sujeto). Segundo, la ley de superposición que establece que los subtítulos se componen como una capa SOBRE el metraje, NO como una zona reservada; por lo tanto, nunca se desplaza el contenido hacia arriba ni se deja una banda muerta para "hacer espacio". Estas dos reglas se refuerzan mutuamente: dado que los subtítulos van como superposición (el rail al frente, el embed ocasional detrás del sujeto), la composición mantiene su cuadro completo y se centra en el centro vertical verdadero. La habilidad cita el modelo rail+embed de `embedded-captions` y la restricción #13 del agente de escena de video de lanzamiento de producto (subtítulos como superposición, banda de exclusión retirada). Se aplica sobre composiciones generadas con subtítulos habilitados o deshabilitados, indicando que el centro de la composición debe ser el centro verdadero del cuadro (y = H/2), y que el contenido puede extenderse hasta el borde inferior. La legibilidad de los subtítulos sobre el contenido se juzga visualmente, no mediante una compuerta de exclusión automática. El rail lleva la mayoría del texto; el embed es el pico escaso y ganado, ≤1 por compás, nunca dos adyacentes o co-visibles, espaciados al menos un compás de distancia. El error común es incrustar cada palabra.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Doctrina de Superposición de Subtítulos

Doctrina de superposición — complementa la habilidad embedded-captions anterior. Se aplica ENCIMA de ella; no esperes que esté integrada en la habilidad anterior.

Dos ideas se combinan aquí. Primero, el modelo de subtítulos — cada frase hablada es drop, rail o embed, y embed es el pico escaso y ganado, no el predeterminado. Segundo, la ley de superposición — una línea de subtítulos se compone ENCIMA del metraje como una superposición; NO es una zona reservada, por lo que nunca debes desplazar el contenido hacia arriba ni dejar una banda muerta para "hacer espacio" para ella. Ambas se refuerzan mutuamente: debido a que los subtítulos van como superposición (el rail textual al frente, el embed ocasional detrás del sujeto), la composición mantiene su cuadro completo y se centra en el centro vertical verdadero.

El modelo de subtítulos — drop / rail / embed

Cada frase hablada es una de tres cosas (textualmente de embedded-captions):

Qué esCómo se muestra
droprelleno — um/eh, tartamudeos, autocorreccionesno se muestra
railel predeterminado — contenido hablado ordinario (textual)subtítulo limpio en el tercio inferior, al frente, legible. Una palabra impactante puede recibir un resaltado emphasis en línea (color de acento / palabra activa destacada) — permanece en el rail.
embedun pico promovido — el latido del titularuna palabra grande compuesta detrás del sujeto (oclusión mate), entrada + salida diseñadas

El rail lleva la mayor parte del texto; embed es el pico escaso y ganado — ≤1 por compás, nunca dos adyacentes/co-visibles, espaciados al menos un compás de distancia. Un clip corto → generalmente un embed; un explicador largo → ~uno por sección. Incrustar cada palabra es el error común.

Esta es la forma del modo Estándar (rail = el tercio inferior textual; embed = el clímax compuesto detrás del sujeto). El modo Cinematográfico elimina el rail y hace todo al estilo embed — úsalo solo para solicitudes puramente cinematográficas, nunca para explicadores / voiceover donde las palabras deben leerse.

Rail primero, embed escaso (las reglas estructurales)

Citado de los no negociables de embedded-captions:

  • Rail primero para persona hablando / explicador. No incrustes toda la transcripción — la mayoría del texto va en el rail; incrusta solo los picos. Incrustarlo todo es el error predeterminado.
  • Embed es escaso + espaciado. ≤1 embed por oración/compás, nunca dos adyacentes o co-visibles, al menos un compás de distancia, como máximo un apex. clímax = pico por compás, no "el único beneficio de todo el clip".

La ley de superposición — los subtítulos NO son una banda reservada

En una composición de lanzamiento generada, cuando los subtítulos están habilitados, finalize composites muestra una línea de subtítulos pequeña y mínima palabra por palabra como una capa de superposición ENCIMA de todo el metraje (una sola línea de texto, centrada en la parte inferior, aproximadamente el último ~5-8% de la altura del lienzo). Es una superposición, no una zona reservada (textualmente de la restricción #13 del agente de escena de video de lanzamiento de producto):

  • Centra la composición en el centro vertical VERDADERO — y = H / 2 (paisaje 540, retrato 960). No desplaces el contenido hacia arriba para "hacer espacio" para los subtítulos; una composición centrada en 0.42 × H con una banda inferior muerta es el error, no la solución.
  • El contenido puede extenderse hasta la parte inferior del lienzo. Sujetos, railes y fondos a sangrado completo son bienvenidos.
  • Una regla de cortesía suave: evita colocar texto legible pequeño y crítico (una línea de URL, una línea legal, un subsubtítulo) exactamente en el tramo central inferior de ~80 px donde se ubica la línea de subtítulos — la superposición entraría en conflicto. Imágenes grandes / tarjetas / contenido ambiental debajo de los subtítulos está bien; la máscara del subtítulo está diseñada para leerse sobre el contenido.
  • No hay compuerta de exclusión automática (la antigua comprobación captions.mjs keepout está retirada). El control de calidad de la instantánea final juzga la legibilidad del subtítulo sobre el contenido visualmente.

Cuando los subtítulos están deshabilitados: misma libertad de posicionamiento — la superposición simplemente no existe.

Por qué estas dos reglas son una sola doctrina

El modelo dice que el rail va al frente y un embed es una palabra rara compuesta detrás del sujeto — ambas son capas añadidas al metraje que se envía intacto. La ley de superposición dice que la línea de subtítulos es una capa compuesta encima de todo el metraje, no una banda tallada en el diseño. Así que tanto en el pipeline de subtitulado como en el pipeline de video de lanzamiento, los subtítulos son una superposición que añades, no una zona que reservas:

  • Mantén el cuadro completo; centra en el centro verdadero; deja que el contenido llegue hasta los bordes.
  • Haz que el rail (o la pequeña línea de subtítulos superpuesta) lleve las palabras textuales.
  • Promueve una palabra a embed solo en un pico genuino — escaso, espaciado, nunca dos a la vez.
  • No reserves nada; juzga la legibilidad de los subtítulos sobre el contenido visualmente, no mediante una compuerta de exclusión.

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

Skills relacionados