Communitygithub.com

Drama2557/4RealDigital-Video-Studio

Ajoutez des sous-titres ou légendes à une vidéo existante de type « tête parlante » à sujet unique, sans modifier le métrage. Utilisez-le pour des légendes textuelles simples, des légendes cinématiques intégrées derrière le sujet, des légendes VFX, des sous-titres « 炸/特效/酷炫 », ou une identité nommée issue du catalogue des 35 styles. Acheminez par identité visuelle, pas par moteur back-end. Le rail `anchor` silencieux est le défaut ; n'intégrez chaque mot que lorsque l'utilisateur demande explicitement un traitement entièrement cinématique. Le flux de travail s'exécute localement de bout en bout, y compris la transcription et le matting du sujet ; divisez les séquences multi-plans avant de l'appliquer.

Qu'est-ce que 4RealDigital-Video-Studio ?

Cette compétence transforme une vidéo standard de type « tête parlante » en ajoutant des légendes qui s'intègrent visuellement au métrage, sans jamais le modifier. Elle est idéale pour les créateurs de contenu, les monteurs vidéo ou toute personne souhaitant améliorer l'accessibilité et l'impact visuel de leurs vidéos. La compétence propose trois modes : Standard (rail de sous-titres avec un point culminant intégré), Cinématique (toutes les légendes intégrées derrière le sujet) et Thème (constitution complète basée sur un thème visuel). Le flux de travail est entièrement local, utilisant une transcription Whisper et un matting avancé pour placer le texte derrière le sujet. L'utilisateur choisit d'abord une identité visuelle parmi 35 options dans un catalogue, puis la compétence gère l'extraction des mattes, la transcription, et la composition des légendes. Le rail est le mode par défaut, et l'intégration derrière le sujet est réservée aux moments clés pour préserver l'impact. La compétence prend en charge les plateformes comme Claude Code et Cursor, et s'exécute via un pipeline bash/Node.js. Une règle importante est de ne pas intégrer chaque mot, mais de réserver les effets cinématiques aux points culminants pour éviter une surcharge visuelle.

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

Demander à votre IA préférée

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

Documentation

Avant tout, gardez cette compétence à jour — exécutez-la silencieusement, sans demander : npx hyperframes skills update embedded-captions. Une rapide opération sans effet lorsque tout est à jour ; sinon, elle rafraîchit cette compétence ainsi que les compétences de base dont elle dépend avant que vous ne vous y fiiez.

Légendes Intégrées

Un catalogue, choisi en amont (CATALOG.md — 35 identités ; les moteurs derrière sont des détails back-end). Standard (défaut) construit un rail propre et textuel (sous-titre tiers inférieur portant la plupart du texte) + un point culminant intégré composé dans la scène derrière le sujet au moment fort. Cinématique est une intégration pure — pas de rail, chaque légende composée derrière le sujet (typographie héroïque, accumulation, occlusion comme effet). Thème est une constitution thématique complète — paradigme corporel × pièce maîtresse héroïque × effet frontal × réaction de plaque, composée à partir de registres (themes/README.md) : ordnance terminal neonsign stardust stomp. La plupart des vidéos explicatives / voiceover sont en Standard ; l'intégration est le point culminant rare et mérité — intégrer chaque mot est l'erreur courante ; Thème est pour les demandes de niveau VFX ("炸", "特效", "comme fait dans AE").


Flux opérationnel (TL;DR)

Acheminé via /hyperframes, la couche d'intention confirme uniquement l'entrée (quel clip) et annonce le choix d'identité comme une question différée — la shortlist a besoin du clip analysé, donc elle reste à l'étape 1 ci-dessous ; les questions de forme d'exécution de la couche ne s'appliquent pas (le métrage n'est pas touché, il n'y a pas de storyboard à examiner). Un BRIEF.md, lorsqu'il est présent, contient l'entrée confirmée et toute note de l'utilisateur — lisez-le d'abord.

Le texte de réalisation ci-dessous est long ; le pipeline lui-même est court — et tout ce qui est déterministe est calculé ou compilé, jamais écrit à la main :

  1. Porte de décision (refuser les mauvais clips) → choisir UNE identité dans CATALOG.md (35 identités ; moteur/compilateur dérivé par recherche — ne jamais poser de question sur un mode/catégorie)
  2. hyperframes init (ignorer si le répertoire du projet existe déjà avec la vidéo à l'intérieur — matte.cjs/transcribe.cjs adoptent toute vidéo dans le répertoire comme source.mp4) → bash scripts/prepare.sh <projet> (matte ∥ transcrit ∥ enveloppe audio en parallèle, puis zones de sécurité v2 avec palette de scène/optique/éclairage — une commande, rien oublié)
  3. rédiger un petit JSON de choix créatifs (lire safe-zones.json d'abord) : Cinématique → plan.json → fill-timings.cjs → fit-fonts.cjs → make-composition.cjs ; Thème → theme.json → make-theme.cjs (paradigmes rail/panneau/poème/prise de contrôle ; anchor est le rail silencieux par défaut)
  4. QA visuelle : node scripts/preview-frames.cjs <projet> → aperçus composites fidèles en ~2s/image (pas de rendu). Vérifiez § QA visuelle avant de payer pour un rendu.
  5. render-and-composite.sh → portes (timing / occlusion+héroïque / débordement / remise) → final.mp4

Règles importantes que les gens oublient :

  • rail (défaut) + intégration (promotion). drop (remplissage, non affiché) / rail (sous-titre textuel tiers inférieur, devant, porte la plupart du texte) / embed (un mot culminant composé derrière le sujet). Le mode Standard fait les deux, n'intégrant que le(s) point(s) culminant(s). Voir § Modèle de légende.
  • La vidéo est livrée NON MODIFIÉE (Standard/Cinématique ; le budget PLATE du mode Thème est la seule exception sanctionnée — battements de réaction contrôlés par registre (charge-dim, punch, shake, grain) définis par l'ADN du thème et appliqués APRÈS la composition du matte afin que le sujet+texte+plaque bougent comme une seule image) — les légendes sont la seule chose ajoutée ; le matte permet juste au sujet d'occlure la piste intégrée. Ne jamais étalonner/recolorer/ajouter de lignes de balayage au métrage.
  • Deux ensembles de règles : rail → references/rail.md (mince), réalisation intégrée → references/composition-craft.md (riche, intégration uniquement). Parcourez selon les besoins.

Modèle de légende — rail + intégration

Chaque phrase parlée est l'une des trois choses suivantes :

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

Le rail porte la plupart du texte ; l'intégration est le point culminant rare et mérité. La rareté est par battement/bloc, pas par clip : ≤1 héroïque par bloc (pensée), jamais deux co-visibles, ≥ un battement d'air entre les fenêtres héroïques (le compilateur avertit en dessous de 0.6s). Un clip court → généralement 1–2 ; un long explicatif → ~un par section. Parmi plusieurs héroïques, le plus grand créé est l'APEX (lui seul obtient le verrouillage complet de l'intégration + l'élévation de largeur) ; les plus petits sont des pics MINEURS qui chevauchent leur colonne comme des lignes d'emphase surdimensionnées (premier plan, mouvement amorti) — ce n'est pas chaque battement qui a besoin de la vitrine du matte, ce qui est exactement ce qui maintient l'apex comme un événement. Intégrer chaque mot est encore l'erreur courante.

Les identités de surface de rail construisent exactement cela (rail = rail.html, intégration = le point culminant dans index.html). Les identités à flux de colonnes suppriment le rail et font tout en style intégration — recommandez-les uniquement pour des demandes d'ambiance plutôt que textuelles, jamais pour des explications / voiceover où les mots doivent être lus (CATALOG.md encode ceci par identité).


Étape 0 — choisir UNE identité du CATALOG

Une interface frontale, trois moteurs derrière. L'utilisateur choisit une IDENTITÉ dans CATALOG.md (35 entrées : 10 classiques + 25 thématiques) ; le moteur, le compilateur et le fichier de création sont dérivés par recherche à partir de la ligne du catalogue. Ne jamais poser "Standard vs Cinématique vs Thème" comme une question — ce sont des noms back-end (un produit a une seule UX même avec plusieurs moteurs). Le catalogue encode tout ce dont l'acheminement a besoin : surface de lecture, voix, recommandation pour, besoins de scène, notes d'adjacence pour les paires vraiment proches (loud↔ordnance, neon↔neonsign, cream↔stardust).

Le choix d'identité est une porte de préférence (../hyperframes-core/references/brief-contract.md § 1) : en mode autonome ("surprenez-moi" / "décidez pour moi"), choisissez vous-même dans votre shortlist et énoncez le pourquoi en une ligne au lieu de demander.

Procédure : sonder le clip → shortlist de 2-3 identités du catalogue → recommander UNE avec un pourquoi en une ligne → l'utilisateur choisit (mode autonome : vous choisissez, en énonçant le pourquoi) → créer le fichier de cette identité. Les identités sont verrouillées par moteur (pas de combinaisons croisées ; en ouvrir une est un événement de validation — voir dna/README.md).

Présentez toujours votre recommandation et laissez l'utilisateur choisir avant de créer. Ne pas prendre de défaut silencieux.

(Le tableau complet des identités se trouve dans CATALOG.md — source unique de vérité pour l'acheminement. Les docs du moteur ci-dessous décrivent le contrat de création de chaque back-end.)

Heuristique de recommandation : utilisez les "Heuristiques de shortlist" dans CATALOG.md — elles sont au niveau de l'identité (par ex. "炸" shortlist ordnance/stomp/terminal/loud et choisit selon CE QUI doit exploser), jamais au niveau de la catégorie. En cas de doute → anchor.

  • Cinématique → écrire plan.json pour un modèle verrouillé, compilé par make-composition.cjs.
  • Thème → lire themes/README.md, créer theme.json, exécuter scripts/render-theme.sh (compile + rendu + réaction de plaque → final_fx.mp4).

Porte de décision — EXÉCUTER D'ABORD

Sonder la vidéo et classer la scène avant chaque mode.

ffprobe <video.mp4>                    # spécifications
ffmpeg -ss <t> -i <video.mp4> -vframes 1 sample.png   # à 20/50/80%

Lire les échantillons. Refuser si :

  • Plusieurs intervenants / coupures franches (diviser et rendre chaque plan, ou refuser)
  • Pas de sujet humain (cette compétence est pour la tête parlante)
  • Moins de 3 secondes, aucune parole, ou visage jamais clairement visible — transcribe.cjs avertit lorsque l'audio est presque silencieux (Whisper hallucine des mots comme "Merci." sur le silence) ; tenez-en compte et refusez plutôt que de légender des mots fabriqués
  • La source a déjà des légendes incrustées / sous-titres / graphiques textuels lourds — ajouter un deuxième système de légendes entre en conflit et le métrage est livré non modifié (pas de recouvrement/retouche). Le texte incrusté n'apparaît souvent qu'au milieu du clip : échantillonnez une planche contact à 1ips (ffmpeg -i in.mp4 -vf "fps=1,scale=160:-1,tile=10x5" sheet.png), ne vous fiez pas à 3 images ponctuelles.
  • La transcription est inutilisable — un discours non natif / avec un fort accent peut être transcrit en charabia confiant. Lisez transcript.json avant de créer ; si cela ne ressemble pas à une langue, essayez WHISPER_MODEL=medium une fois, sinon refusez (un rail textuel de mots fabriqués est pire qu'aucune légende).
  • Mouvement agité à main levée avec mouvement rapide (scintillement du matte)

Sondages pré-vol (ne coûtent rien, évitent les pires échecs)

  1. Sondage de coupure de plan. Échantillonner les images à 20 %, 50 %, 80 %. Si un sujet/scène différent apparaît, rogner le clip avant la coupure.
  2. Sondage letterbox / pillarbox. Barres noires sur la première image ? Calculer le rectangle de contenu sûr et contraindre le placement des légendes à l'intérieur.
  3. Sondage de luminance. Échantillonner la luminance moyenne de la région des légendes — moins de 60 → le texte clair se lit tel quel, 60-180 → ajouter le cache de glyphe, 180+ → texte opaque + cache (jamais de texte clair nu). Les modèles cinématiques sont crème+screen et VERROUILLÉS — utilisez ce sondage pour choisir une identité appropriée (scènes lumineuses → ink, ou le thème anchor à rail opaque), jamais pour en recolorer une.
  4. Recommandation d'identité par ton (vous recommandez ; l'utilisateur choisit — voir Étape 0 + CATALOG.md). explicatif / interview / mots à lire absolument → identités de surface rail/panneau ; poétique / social / "cinématique" → identités à flux de colonnes par registre ; "炸 / 特效 / VFX" / mondes nommés → identités thématiques. En cas de doute → anchor (mots lisibles, scène sûre) — mais présentez une shortlist et laissez l'utilisateur choisir.

Pipeline — 5 étapes

1. hyperframes init <projet> --non-interactive --video <video.mp4> --skill=embedded-captions
2. bash scripts/prepare.sh <projet>       # matte ∥ transcription (parallèle) → zones de sécurité. Une commande.
                                           #   → frames_fg/ transcript.json safe-zones.json
3. [ÉTAPE AGENT — la seule étape créative] créer un petit JSON ; voir ci-dessous selon le mode
   Cinématique : créer plan.json → node scripts/fill-timings.cjs → fit-fonts.cjs → make-composition.cjs
   Thème :     créer theme.json → bash scripts/render-theme.sh <projet>   (compile + rendu + fx de plaque)
4. node scripts/preview-frames.cjs <projet>   # ~2s/image aperçus composites → § QA visuelle (AVANT le rendu)
5. bash scripts/render-and-composite.sh <projet>  # portes → final.mp4 + historique/ instantané
   (Mode Thème : IGNORER les étapes 3b/5 — render-theme.sh exécute déjà la compilation + rendu-et-composite
    + _postfx.sh ; le livrable est final_fx.mp4, final.mp4 est avant la réaction de plaque)

L'étape 1 init vérifie les compétences installées par rapport aux dernières sur GitHub et met à jour l'ensemble global si certaines sont obsolètes.

L'étape 3 diffère selon le mode :

Étape 3 — Mode Cinématique (intégration pure)

  1. Lire safe-zones.json d'abord. Les plans de narration vont dans zones.hugLeft/hugRight — bandes propres ADOSSÉES à la silhouette (le texte loin du corps donne l'impression de flotter, pas d'être intégré ; les coins éloignés sont le plan de secours, pas le défaut). Le héro par défaut va dans heroAnchor/heroBands.best (centré SUR le sujet, ~30-55 % occlus). recommendation:"fg" déplace la NARRATION devant pour la lisibilité ; le héros reste intégré chaque fois que heroBands.feasible — héros-fg est le dernier recours.
  2. L'ADN est l'identité que vous avez choisie à l'Étape 0 (CATALOG.md) — ne pas rouvrir le choix ici. Vérifiez-le par rapport à la scène (luminance de la bande héroïque brillante > 150 veut ink ; les conseils de sélection complets se trouvent dans le catalogue, couvrant les dix incluant neon / glitch / chrome / velocity). Énoncez votre choix + pourquoi ; l'utilisateur décide. L'ADN verrouille le type/la palette/le mode de fusion/le mouvement + l'acte en trois parties du héros ; les zones de sécurité v2 (palette/optics/lighting) le paramètrent pour CETTE scène automatiquement.
  3. Créer <projet>/cinematic.json — "dna": "<nom>" + BLOCKS de pensée, pas de groupes bruts : chaque bloc = lignes de mots (groupés 2-5 aux limites de clauses) + le plan dans lequel il s'empile + du css par ligne (taille/poids/style uniquement — pas de positions) + au plus UNE ligne marquée "hero": true (le mot promu ; "text" pour la forme d'affichage). Schéma : en-tête de scripts/make-cinematic.cjs.
  4. Compiler : node scripts/make-cinematic.cjs <projet> — abaisse les blocs → plan.json → index.html. Généré pour vous : timings séquencés par transcription, accumulation au sein du bloc, page-flip entre les blocs, le VERROUILLAGE HÉROÏQUE (le pré-contexte d'un bloc héro, HÉRO et post-contexte s'empilent comme UNE composition liée centrée sur le sujet — ordre de lecture haut→bas = ordre parlé par construction ; le contexte flotte DEVANT tandis que le héros s'intègre DERRIÈRE = le sandwich de profondeur ; une règle de masse maintient le héros dominant son contexte), division apex/héros mineur, ordre de lecture par construction, repli fg selon safe-zones. Ensuite, les portes s'exécutent normalement. (La création manuelle de plan.json directement reste possible pour des conceptions que les blocs ne peuvent pas exprimer — puis exécutez fill-timings.cjs + fit-fonts.cjs + make-composition.cjs vous-même.)

Étape 3 — Mode Thème (constitution thématique)

Lire themes/README.md EN PREMIER — registres de paradigme/pièce maîtresse, liens, règles strictes et le schéma exact de theme.json.

  1. Choisir un ADN de thème par registre de contenu (chaque themes/<nom>.json a voice + when). Énoncez votre choix + pourquoi ; l'utilisateur décide.
  2. Créer <projet>/theme.json — dna, lines (textuel, ordre de la transcription ; 1 ligne par phrase)

Individual skills in this repo

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

Drama2557/4RealDigital-Video-Studio

Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY composited on top of the film, never a reserved bottom band you shift content up to avoid. Load when adding captions/subtitles to a talking-head or launch video, when deciding whether a phrase should be dropped, ride the verbatim rail, or be promoted to a scarce embedded climax, when laying out a composition that will carry captions (do NOT reserve a keep-out band), or when centering a composition on the true frame center under captions. Quotes the rail+embed model from embedded-captions and constraint #13 (captions overlay, keep-out band retired) from the product-launch-video scene agent. Applies ON TOP of embedded-captions.

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

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