Communitygithub.com

Drama2557/4RealDigital-Video-Studio

Fügen Sie vorhandenen Ein-Personen-Erklärvideos Untertitel oder Bildunterschriften hinzu, ohne das Filmmaterial zu bearbeiten. Verwenden Sie es für einfache Wort-für-Wort-Untertitel, filmische Einblendungen hinter dem Motiv, VFX-Untertitel, „炸/特效/酷炫字幕“ oder eine benannte Identität aus dem 35-stiligen Katalog. Die Weiterleitung erfolgt nach visueller Identität, nicht nach der verwendeten Engine. Die stille `anchor`-Schiene ist die Standardeinstellung; betten Sie jedes Wort nur dann ein, wenn der Benutzer ausdrücklich eine vollständig filmische Behandlung wünscht. Der Workflow läuft komplett lokal, einschließlich Transkription und Motiv-Freistellung; teilen Sie Filmmaterial mit mehreren Einstellungen vor der Anwendung auf.

Was ist 4RealDigital-Video-Studio?

Diese Fertigkeit für KI-Agenten ermöglicht es, vorhandenen Ein-Personen-Erklärvideos aufwändige, filmische Untertitel und Bildunterschriften hinzuzufügen, ohne das ursprüngliche Filmmaterial zu verändern. Sie nutzt einen einzigartigen Ansatz, bei dem die Identität (die visuelle Stilvorlage) aus einem Katalog von 35 vordefinierten Stilen ausgewählt wird, was die kreative Entscheidung von den technischen Details der jeweiligen Render-Engine entkoppelt. Der gesamte Workflow, von der Transkription über die Motiv-Freistellung (Matte) bis zum finalen Compositing, läuft lokal und wurde für minimale Agentenschritte optimiert – die eigentliche kreative Arbeit besteht lediglich aus der Auswahl einer Identität und der Erstellung einer kleinen JSON-Datei. Die Fertigkeit unterscheidet zwischen einer Standard-Schiene (Standard Rail), die den Großteil des Textes als saubere, lesbare Untertitel anzeigt, und einer filmischen Einbettung (Cinematic Embed), die einzelne Schlüsselwörter hinter dem Motiv einblendet und so einen dramatischen Effekt erzeugt. Für VFX-lastige Anforderungen stehen thematische Stile zur Verfügung, die zusätzliche visuelle Effekte wie Farbverläufe, Partikel oder Bildschirmreaktionen integrieren. Die Verwendung von Plattformen wie Cursor, Claude Code und Codex wird durch die Bereitstellung einer klaren und strukturierten API unterstützt, die den Agenten durch den Entscheidungs- und Autorenprozess führt.

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

In Ihrer bevorzugten KI fragen

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

Dokumentation

Halten Sie diese Fertigkeit zuerst aktuell – führen Sie sie im Hintergrund aus, fragen Sie nicht: npx hyperframes skills update embedded-captions. Eine schnelle Aktion ohne Änderungen, wenn alles auf dem neuesten Stand ist; andernfalls aktualisiert sie diese Fertigkeit sowie die Kernbereichs-Fertigkeiten, von denen sie abhängt, bevor Sie sich auf sie verlassen.

Eingebettete Untertitel

Ein Katalog, vorab ausgewählt (CATALOG.md – 35 Identitäten; die dahinter liegenden Engines sind Backend-Detail). Standard (Standard) erstellt eine saubere, wörtliche Schiene (Rail – Untertitel im unteren Drittel, die den Großteil des Textes tragen) + einen Embed-Höhepunkt, der in die Szene hinter dem Motiv zum Höhepunkt eingefügt wird. Cinematic ist reiner Embed – keine Schiene, jeder Untertitel wird hinter dem Motiv eingefügt (Hero-Typografie, Akkumulation, Verdeckung als Effekt). Theme ist eine vollständig thematisierte Zusammenstellung – Körper-Paradigma × Hero-Setpiece × Front-FX × Plattenreaktion, zusammengesetzt aus Registern (themes/README.md): ordnance terminal neonsign stardust stomp. Die meisten Erklär- / Voiceover-Videos verwenden Standard; Embed ist der seltene, verdiente Höhepunkt – jedes Wort einzublenden ist der häufige Fehler; Theme ist für VFX-Anfragen („炸“, „特效“, „wie nachbearbeitet“).


Ablauf (Kurzzusammenfassung)

Weitergeleitet über /hyperframes bestätigt die Intent-Ebene nur die Eingabe (welcher Clip) und kündigt die Identitätsauswahl als verzögerte Anfrage an – die Shortlist benötigt den analysierten Clip, daher bleibt sie bei Schritt 1 unten; die Fragen zur Laufzeitform der Ebene treffen nicht zu (das Filmmaterial ist unberührt, es gibt kein Storyboard zu prüfen). Eine BRIEF.md enthält, falls vorhanden, die bestätigte Eingabe und alle Benutzernotizen – lesen Sie sie zuerst.

Der folgende Handwerkstext ist lang; die Pipeline selbst ist kurz – und alles Deterministische wird berechnet oder kompiliert, niemals von Hand geschrieben:

  1. Entscheidungs-Gatter (schlechte Clips ablehnen) → Wählen Sie EINE Identität aus CATALOG.md (35 Identitäten; Engine/Compiler durch Nachschlagen abgeleitet – niemals eine Modus-/Kategoriefrage stellen)
  2. hyperframes init (überspringen Sie es, wenn das Projektverzeichnis mit dem Video bereits existiert – matte.cjs/transcribe.cjs übernehmen jedes Video im Verzeichnis als source.mp4) → bash scripts/prepare.sh <Projekt> (Matte ∥ Transkription ∥ Audio-Hüllkurve parallel, dann sichere Zonen v2 mit Szenenpalette/Optik/Beleuchtung – ein Befehl, nichts vergessen)
  3. Erstellen Sie ein kleines JSON mit kreativen Entscheidungen (lesen Sie zuerst safe-zones.json): Cinematic → plan.json → fill-timings.cjs → fit-fonts.cjs → make-composition.cjs; Theme → theme.json → make-theme.cjs (Schienen-/Panel-/Gedicht-/Übernahme-Paradigmen; anchor ist die stille Schienen-Standardeinstellung)
  4. Visuelle Qualitätssicherung: node scripts/preview-frames.cjs <Projekt> → getreue Composite-Vorschauen in ~2s/Bild (kein Rendern). Überprüfen Sie § Visuelle Qualitätssicherung, bevor Sie für einen Render bezahlen.
  5. render-and-composite.sh → Gatter (Timing / Verdeckung+Hero / Überlauf / Übergabe) → final.mp4

Wichtige Regeln, die Leute oft übersehen:

  • Schiene (Standard) + Embed (Beförderung). drop (Füllmaterial, nicht gezeigt) / rail (wörtlicher Untertitel im unteren Drittel, vorne, trägt den meisten Text) / embed (ein Höhepunkt-Wort, das hinter dem Motiv eingefügt wird). Der Standard-Modus macht beides und bettet nur den/die Höhepunkt(e) ein. Siehe § Untertitel-Modell.
  • Das Video wird UNBERÜHRT geliefert (Standard/Cinematic; das PLATE-Budget des Theme-Modus ist die einzig zulässige Ausnahme – registergesteuerte Reaktions-Beats (Ladungs-Dimmen, Schlag, Schütteln, Körnung), die pro Theme-DNA definiert und NACH dem Matte-Composite angewendet werden, sodass Motiv+Text+Platte sich als ein Frame bewegen) – Untertitel sind das Einzige, was hinzugefügt wird; die Matte lässt das Motiv lediglich die Embed-Spur verdecken. Bewerten/farbkorrigieren/scanlinien Sie das Filmmaterial nie.
  • Zwei Regelwerke: Schiene → references/rail.md (dünn), Embed-Handwerk → references/composition-craft.md (umfangreich, nur Embed). Je nach Bedarf überfliegen.

Untertitel-Modell – Schiene + Embed

Jeder gesprochene Satz ist eines von drei Dingen:

WasWie es angezeigt wird
dropFüllmaterial – ähm/äh, Stottern, Selbstkorrekturennicht angezeigt
railStandard – normaler gesprochener Inhalt (wörtlich)sauberer Untertitel im unteren Drittel, vorne, lesbar. Ein betontes Wort kann eine inline emphasis-Hervorhebung erhalten (Akzentfarbe / aktives Wort Pop) – es bleibt auf der Schiene.
embedein beförderter Höhepunkt – der Schlagzeilen-Beatein großes Wort, das hinter dem Motiv eingefügt wird (Matte-Verdeckung), gestalteter Eingang + Ausgang

Die Schiene trägt den Großteil des Textes; Embed ist der seltene, verdiente Höhepunkt. Knappheit ist pro Beat/Block, nicht pro Clip: ≤1 Held pro Block (Gedanke), nie zwei gleichzeitig sichtbar, ≥ ein Beat Luft zwischen Helden-Fenstern (der Compiler warnt unter 0,6s). Ein kurzer Clip → normalerweise 1–2; ein langes Erklärvideo → ~einer pro Abschnitt. Unter mehreren Helden ist der größte erstellte der APEX (nur er erhält das volle Lockup-Embed + Breitenanpassung nach oben); kleinere sind MINOR-Helden, die in ihrer Spalte als übergroße Hervorhebungszeilen (Vordergrund, gedämpfte Bewegung) reiten – nicht jeder Beat braucht die Matte-Inszenierung, was genau den Apex zu einem Ereignis macht. Jedes Wort einzublenden ist immer noch der häufige Fehler.

Identitäten mit Schienenoberfläche bauen genau dies auf (Schiene = rail.html, Embed = der Höhepunkt in index.html). Identitäten mit Spaltenfluss lassen die Schiene weg und machen alles Embed-artig – empfehlen Sie sie nur für stimmungsbetonte Anfragen, nie für Erklär- / Voiceover-Videos, bei denen die Worte lesbar sein müssen (CATALOG.md kodiert dies pro Identität).


Schritt 0 – Wählen Sie EINE Identität aus dem KATALOG

Ein Frontend, drei Engines dahinter. Der Benutzer wählt eine IDENTITÄT aus CATALOG.md (35 Einträge: 10 klassische + 25 thematische); die Engine, der Compiler und die Authoring-Datei werden durch Nachschlagen aus der Katalogzeile abgeleitet. Fragen Sie nie „Standard vs. Cinematic vs. Theme“ – das sind Backend-Namen (ein Produkt hat eine UX, auch mit mehreren Engines). Der Katalog kodiert alles, was für die Weiterleitung benötigt wird: Leseoberfläche, Stimme, Empfehlung für, Szenenanforderungen, Adjazenznotizen für die wirklich nahen Paare (loud↔ordnance, neon↔neonsign, cream↔stardust).

Die Identitätsauswahl ist ein Präferenz-Gatter (../hyperframes-core/references/brief-contract.md § 1): Wählen Sie im autonomen Modus („Überraschen Sie mich“ / „Entscheiden Sie für mich“) selbst aus Ihrer Shortlist und geben Sie den einzeiligen Grund an, anstatt zu fragen.

Vorgehen: Clip analysieren → 2–3 Identitäten aus dem Katalog in die Shortlist aufnehmen → EINE mit einem einzeiligen Grund empfehlen → der Benutzer wählt (autonomer Modus: Sie wählen und geben den Grund an) → die Datei dieser Identität erstellen. Identitäten sind Engine-gebunden (keine Querkombinationen; das Öffnen einer ist ein Validierungsereignis – siehe dna/README.md).

Präsentieren Sie immer Ihre Empfehlung und lassen Sie den Benutzer wählen, bevor Sie etwas erstellen. Gehen Sie nicht stillschweigend von einer Standardeinstellung aus.

(Die vollständige Identitätstabelle befindet sich in CATALOG.md – die einzige Quelle der Wahrheit für die Weiterleitung. Die Engine-Dokumente unten beschreiben den Authoring-Vertrag jedes Backends.)

Empfehlungsheuristik: Verwenden Sie die „Shortlisting-Heuristiken“ in CATALOG.md – sie sind auf Identitätsebene (z. B. „炸“ shortlistet ordnance/stomp/terminal/loud und wählt basierend darauf, WAS explodieren soll), niemals auf Kategorieebene. Unsicher → anchor.

  • Cinematic → schreiben Sie plan.json für eine feste Vorlage, kompiliert durch make-composition.cjs.
  • Theme → lesen Sie themes/README.md, erstellen Sie theme.json, führen Sie scripts/render-theme.sh aus (kompiliert + rendert + Plattenreaktion → final_fx.mp4).

Entscheidungs-Gatter – ZUERST AUSFÜHREN

Analysieren Sie das Video und klassifizieren Sie die Szene, bevor Sie einen Modus wählen.

ffprobe <video.mp4>                    # Spezifikationen
ffmpeg -ss <t> -i <video.mp4> -vframes 1 sample.png   # bei 20/50/80%

Lesen Sie die Beispiele. Lehnen Sie ab, wenn:

  • Mehrere Sprecher / harte Schnitte (teilen Sie auf & rendern Sie jede Einstellung oder lehnen Sie ab)
  • Kein menschliches Motiv (diese Fertigkeit ist für Sprecherporträts)
  • Unter 3 Sekunden, keine Sprache, oder das Gesicht nie klar sichtbar – transcribe.cjs warnt, wenn das Audio fast still ist (Whisper halluziniert Wörter wie „Danke.“ über Stille); beachten Sie es und lehnen Sie ab, anstatt erfundene Wörter zu untertiteln
  • Quelle hat bereits eingebrannte Untertitel / schwere Textgrafiken – das Hinzufügen eines zweiten Untertitelsystems verursacht Konflikte, und das Filmmaterial wird unberührt ausgeliefert (kein Überdecken/Entfernen möglich). Eingebrannter Text erscheint oft erst mittendrin: erstellen Sie eine 1fps-Kontaktabzug (ffmpeg -i in.mp4 -vf "fps=1,scale=160:-1,tile=10x5" sheet.png), verlassen Sie sich nicht auf 3 Punktbilder.
  • Transkription ist Müll – nicht-muttersprachliche/stark akzentbelastete Sprache kann zu selbstbewusstem Unsinn transkribiert werden. Lesen Sie transcript.json vor dem Erstellen auf Plausibilität; wenn es nicht wie eine Sprache aussieht, versuchen Sie es einmal mit WHISPER_MODEL=medium, andernfalls lehnen Sie ab (eine wörtliche Schiene aus erfundenen Wörtern ist schlimmer als keine Untertitel).
  • Hektische Handkamera mit schneller Bewegung (Matte flackert)

Pre-Flight-Prüfungen (kosten nichts, verhindern die schlimmsten Fehlschläge)

  1. Einstellungsschnitt-Prüfung. Bildbeispiele bei 20 %, 50 %, 80 %. Wenn ein anderes Motiv/Szene erscheint, schneiden Sie den Clip vor dem Schnitt zurecht.
  2. Letterbox- / Pillarbox-Prüfung. Schwarze Balken im ersten Bild? Berechnen Sie das sichere Inhaltsrechteck und beschränken Sie die Untertitelplatzierung darauf.
  3. Luminanz-Prüfung. Messen Sie die durchschnittliche Luminanz des Untertitelbereichs – unter 60 → heller Text wird wie gelesen, 60-180 → fügen Sie die Glyphen-Scrim hinzu, 180+ → deckender Text + Scrim (niemals nackten hellen Text). Cinematic-Vorlagen sind creme+screen und FEST – verwenden Sie diese Prüfung, um eine passende Identität auszuwählen (helle Szenen → ink, oder die anchor-Schiene mit deckendem Text), niemals um eine einzufärben.
  4. Identitätsempfehlung nach Ton (Sie empfehlen; der Benutzer wählt – siehe Schritt 0 + CATALOG.md). Erklärvideo / Interview / Worte müssen lesbar sein → Identitäten mit Schienen-/Paneloberfläche; poetisch / sozial / „filmisch“ → Identitäten mit Spaltenfluss nach Register; „炸 / 特效 / VFX“ / benannte Welten → thematische Identitäten. Unsicher → anchor (Worte werden gelesen, Szene sicher) – aber präsentieren Sie eine Shortlist und lassen Sie den Benutzer wählen.

Pipeline – 5 Schritte

1. hyperframes init <Projekt> --non-interactive --video <video.mp4> --skill=embedded-captions
2. bash scripts/prepare.sh <Projekt>       # Matte ∥ Transkription (parallel) → sichere Zonen. Ein Befehl.
                                           #   → frames_fg/ transcript.json safe-zones.json
3. [AGENT-SCHRITT – der einzige kreative Schritt] Erstellen Sie ein kleines JSON; siehe unten nach Modus
   Cinematic: Erstellen Sie plan.json → node scripts/fill-timings.cjs → fit-fonts.cjs → make-composition.cjs
   Theme:     Erstellen Sie theme.json → bash scripts/render-theme.sh <Projekt>   (kompiliert + rendert + Platten-FX)
4. node scripts/preview-frames.cjs <Projekt>   # ~2s/Bild Composite-Vorschauen → § Visuelle Qualitätssicherung (VOR dem Render)
5. bash scripts/render-and-composite.sh <Projekt>  # Gatter → final.mp4 + history/ Snapshot
   (Theme-Modus: SCHRITTE 3b/5 ÜBERSPRINGEN – render-theme.sh führt bereits compile + render-and-composite
    + _postfx.sh aus; die Lieferung ist final_fx.mp4, final.mp4 ist vor Plattenreaktion)

Schritt 1 init prüft die installierten Fertigkeiten gegen die neuesten auf GitHub und aktualisiert das globale Set, wenn welche veraltet sind.

Schritt 3 unterscheidet sich je nach Modus:

Schritt 3 – Cinematic-Modus (reiner Embed)

  1. Lesen Sie zuerst safe-zones.json. Erzählebenen gehen in zones.hugLeft/hugRight – saubere Streifen, DIE DIREKT AN DIE SILHOUETTE GRENZEN (Text weit vom Körper entfernt wirkt schwebend, nicht eingebettet; weit entfernte Ecken sind die Rückfallebene, nicht der Standard). Der Held standardmäßig auf heroAnchor/heroBands.best (ZENTRIERT auf dem Motiv, ~30–55 % verdeckt). recommendation:"fg" verschiebt die ERZÄHLUNG nach vorne zur Lesbarkeit; der Held bleibt eingebettet, wann immer heroBands.feasible – Held-im-Vordergrund ist die letzte Option.
  2. Die DNA ist die Identität, die Sie in Schritt 0 ausgewählt haben (CATALOG.md) – treffen Sie die Wahl hier nicht erneut. Prüfen Sie sie auf Plausibilität gegen die Szene (helle Held-Band-Luma > 150 erfordert ink; die vollständige Anleitung zur Auswahl befindet sich im Katalog und deckt alle zehn ab, einschließlich neon / glitch / chrome / velocity). Geben Sie Ihre Wahl + Grund an; der Benutzer entscheidet. Die DNA sperrt Typ/Palette/Blend/Bewegung + Held-Drei-Akt; safe-zones v2 (palette/optics/lighting) parametrisiert sie automatisch an DIESE Szene.
  3. Erstellen Sie <Projekt>/cinematic.json – "dna": "<name>" + Gedanken-BLÖCKE, nicht rohe Gruppen: jeder Block = Zeilen von Wörtern (gruppiert 2–5 an Satzgliedgrenzen) + die Ebene, in der er gestapelt wird + pro Zeile css (nur Größe/Gewicht/Stil – keine Positionen) + höchstens EINE Zeile mit "hero": true markiert (das beförderte Wort; "text" für die Anzeigeform). Schema: Kopfzeile von scripts/make-cinematic.cjs.
  4. Kompilieren: node scripts/make-cinematic.cjs <Projekt> – senkt Blöcke → plan.json → index.html. Für Sie generiert: transkriptsequenzierte Timings, Akkumulation innerhalb des Blocks, Seitenwechsel zwischen Blöcken, das HELDEN-LOCKUP (der Vor-Kontext eines Heldenblocks, HELD und Nach-Kontext stapeln sich als EINE gebundene Komposition, zentriert auf dem Motiv – Lesereihenfolge von oben nach unten = gesprochene Reihenfolge durch Konstruktion; Kontext schwebt VORNE, während der Held HINTEN eingebettet wird = der Tiefen-Sandwich; eine Massenregel hält den Helden dominant über seinen Kontext), Apex/Held-Aufteilung, Lesereihenfolge durch Konstruktion, Vordergrund-Rückfallebene pro safe-zones. Dann laufen die Gatter wie gewohnt. (Das direkte Erstellen von plan.json von Hand bleibt für Designs möglich, die Blöcke nicht ausdrücken können – führen Sie dann selbst fill-timings.cjs + fit-fonts.cjs + make-composition.cjs aus.)

Schritt 3 – Theme-Modus (thematische Zusammenstellung)

Lesen Sie ZUERST themes/README.md – Paradigma/Setpiece-Register, Verknüpfungen, harte Regeln und das genaue theme.json-Schema.

  1. Wählen Sie eine Theme-DNA nach Inhaltsregister (jedes themes/<name>.json hat voice + when). Geben Sie Ihre Wahl + Grund an; der Benutzer entscheidet.
  2. Erstellen Sie <Projekt>/theme.json – dna, lines (wörtlich, Transkriptionsreihenfolge; 1

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

Verwandte Skills