Communitygithub.com

Drama2557/4RealDigital-Studio-Vidéo

Doctrine de superposition pour le flux de travail des sous-titres intégrés — le MODÈLE de sous-titrage (drop / rail / embed) et la règle selon laquelle les sous-titres sont une superposition compositée sur le film, jamais une bande inférieure réservée que vous décalez le contenu pour éviter. À charger lors de l'ajout de sous-titres à une vidéo de présentation ou de lancement, lors de la décision de laisser tomber une phrase, de suivre le rail textuel ou de la promouvoir en un point culminant intégré rare, lors de la mise en page d'une composition qui portera des sous-titres (ne PAS réserver de bande d'exclusion), ou lors du centrage d'une composition sur le vrai centre du cadre sous les sous-titres. Cite le modèle rail+embed des sous-titres intégrés et la contrainte n°13 (les sous-titres sont une superposition, la bande d'exclusion est retirée) de l'agent de scène de vidéo de lancement de produit. S'applique PAR-DESSUS les sous-titres intégrés.

Qu'est-ce que 4RealDigital-Studio-Vidéo ?

Ce skill est une doctrine de superposition conçue pour fonctionner par-dessus le skill upstream `embedded-captions`. Il combine deux idées clés : le modèle de sous-titrage (drop / rail / embed) et la loi de superposition. Le modèle stipule que chaque phrase parlée est soit ignorée (drop), affichée textuellement en bas au premier plan (rail), ou promue en un mot-clé rare intégré derrière le sujet (embed). La loi de superposition précise que les sous-titres sont une couche compositée PAR-DESSUS le film, sans jamais réserver de bande inférieure ni décaler le contenu vers le haut. Le skill s'applique dans les contextes de vidéos de présentation ou de lancement, garantissant que la composition conserve son cadre complet et reste centrée sur le centre vertical réel, tout en maximisant la lisibilité des sous-titres par-dessus le contenu visuel. Il remplace l'ancienne approche de bande d'exclusion par un jugement visuel de la lisibilité.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Doctrine de superposition des sous-titres

Doctrine de superposition — complète le skill upstream embedded-captions. S'applique PAR-DESSUS ; ne vous attendez pas à ce qu'il soit intégré dans le skill upstream.

Deux idées se combinent ici. Premièrement, le modèle de sous-titrage — chaque phrase parlée est soit drop, rail ou embed, et embed est le pic rare et mérité, pas la valeur par défaut. Deuxièmement, la loi de superposition — une ligne de sous-titre est compositée PAR-DESSUS le film en tant que superposition ; ce n'est PAS une zone réservée, donc vous ne décalez jamais le contenu vers le haut ou ne laissez pas une bande morte pour "faire de la place" pour elle. Les deux se renforcent mutuellement : parce que les sous-titres se superposent (le rail textuel devant, l'embed occasionnel derrière le sujet), la composition conserve son cadre complet et reste centrée sur le centre vertical réel.

Le modèle de sous-titrage — drop / rail / embed

Chaque phrase parlée est l'une de ces trois choses (textuellement issu de embedded-captions) :

QuoiComment c'est affiché
dropremplissage — euh/uh, bégaiements, auto-correctionsnon affiché
raille défaut — contenu parlé ordinaire (textuel)sous-titre inférieur propre, devant, lisible. Un mot percutant peut obtenir un surlignage emphasis en ligne (couleur d'accent / pop de mot actif) — il reste sur le rail.
embedun pic promu — le temps fort du titreun grand mot composité derrière le sujet (occlusion matte), entrée + sortie conçues

Le rail porte la plupart du texte ; embed est le pic rare et mérité — ≤1 par temps fort, jamais deux adjacents/co-visibles, espacés d'au moins un temps fort. Un court clip → généralement un embed ; une longue explication → ~un par section. Intégrer chaque mot est l'erreur courante.

Ceci est la forme du mode Standard (rail = le sous-titre inférieur textuel ; embed = le climax composité derrière le sujet). Le mode Cinématique supprime le rail et fait tout en style embed — utilisez-le uniquement pour des demandes purement cinématographiques, jamais pour des explications / voix off où les mots doivent être lus.

Rail d'abord, embed rare (les règles porteuses)

Cité des non-négociables de embedded-captions :

  • Rail d'abord pour les têtes parlantes / explications. N'intégrez pas toute la transcription — la plupart du texte est sur le rail ; intégrez uniquement les pics. Tout intégrer est l'erreur par défaut.
  • Embed est rare + espacé. ≤1 embed par phrase/temps fort, jamais deux adjacents ou co-visibles, ≥ un temps fort d'écart, au maximum un apex. climax = pic par temps fort, pas "la seule récompense de tout le clip."

La loi de superposition — les sous-titres ne sont PAS une bande réservée

Dans une composition de lancement générée, lorsque les sous-titres sont activés, finalisez les composites une petite ligne de sous-titre minimale mot par mot en tant que couche de superposition PAR-DESSUS tout le film (une seule ligne de texte, centrée en bas, environ les ~5-8% inférieurs de la hauteur du canevas). C'est une superposition, pas une zone réservée (textuellement issu de la contrainte n°13 de l'agent de scène de vidéo de lancement de produit) :

  • Centre la composition sur le centre vertical VRAI — y = H / 2 (paysage 540, portrait 960). Ne décalez pas le contenu vers le haut pour "faire de la place" pour les sous-titres ; une composition centrée à 0,42 × H avec une bande inférieure morte est le bug, pas la correction.
  • Le contenu peut s'étendre jusqu'au bas du canevas. Les sujets, rails et arrière-plans en plein cadre sont les bienvenus.
  • Une règle de courtoisie souple : évitez de placer du texte petit et critique (une ligne d'URL, une ligne légale, un sous-titre supplémentaire) exactement dans la zone centrale d'environ 80 px en bas où se trouve la ligne de sous-titre — la superposition entrerait en conflit. Les grandes images / cartes / contenu ambiant sous les sous-titres est acceptable ; la peau du sous-titre est conçue pour être lisible par-dessus le contenu.
  • Il n'y a pas de porte d'exclusion machine (l'ancien test captions.mjs keepout est retiré). Le QA d'instantané finalise juge visuellement la lisibilité du sous-titre par-dessus le contenu.

Lorsque les sous-titres sont désactivés : liberté de positionnement identique — la superposition n'existe tout simplement pas.

Pourquoi ces deux règles forment une seule doctrine

Le modèle dit que le rail se trouve devant et qu'un embed est un mot rare composité derrière le sujet — les deux sont des couches ajoutées à une séquence qui part inchangée. La loi de superposition dit que la ligne de sous-titre est une couche compositée par-dessus tout le film, pas une bande découpée dans la mise en page. Ainsi, dans les pipelines de sous-titrage et de vidéo de lancement, les sous-titres sont une superposition que vous ajoutez, pas une zone que vous réservez :

  • Gardez le cadre complet ; centrez sur le vrai centre ; laissez le contenu aller jusqu'aux bords.
  • Faites porter au rail (ou à la petite ligne de sous-titre en superposition) les mots textuels.
  • Ne promouvez un mot en embed qu'à un pic authentique — rare, espacé, jamais deux à la fois.
  • Ne réservez rien ; jugez la lisibilité des sous-titres par-dessus le contenu visuellement, pas par une porte d'exclusion.

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 associés