Communitygithub.com

Drama2557/4RealDigital-Video-Studio

Système d'exploitation média pour projets HyperFrames : résolution, génération, opération, mémorisation — un seul skill pour tous les besoins médias.

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

Ce skill transforme Claude en un système d'exploitation média complet pour vos projets HyperFrames. Il centralise la gestion de tous les types de médias (BGM, SFX, images, icônes, logos, voix, étalonnage, LUT) via une commande unique `resolve`. Le skill combine un puissant moteur de recherche dans des catalogues (HeyGen, svgl, etc.) avec la génération par IA (TTS, musique, images) lorsque les ressources ne sont pas trouvées. Il va plus loin en offrant des traitements visuels avancés : étalonnage correctif, effets stylistiques (rétro, caméscope, cinéma, ASCII, etc.), animations de révélation, et floutage pour confidentialité. Son workflow privilégie la réutilisation d'actifs entre projets, l'analyse proactive des opportunités média (sans être intrusif), et applique des traitements déterministes et persistants via `media-treatment`. Un passage de configuration (`node <SKILL_DIR>/scripts/resolve.mjs --doctor`) est requis après l'installation du CLI et la connexion HeyGen.

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

Demander à votre IA préférée

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

Documentation

media-use

Le système d'exploitation média pour HyperFrames : résoudre · générer · opérer · mémoriser — chaque type de média, un seul skill, zéro bruit contextuel.

Première exécution : installer et se connecter au CLI heygen (voie d'utilisation gratuite), puis vérifier avec node <SKILL_DIR>/scripts/resolve.mjs --doctor. Configuration et fournisseurs : references/setup-providers.md.

Résoudre — le verbe unique

node <SKILL_DIR>/scripts/resolve.mjs --type <type> --intent "<description>" --project <dir>

Renvoie une ligne : resolved <id> → <path> (<type>, <metadata>). Tout le bruit de recherche reste sur le disque.

TypeIntention en une ligne
bgmmusique de fond (catalogue HeyGen, 10 000+ pistes)
sfxeffets sonores (bibliothèque groupée de 19 fichiers + catalogue)
imagephotos, arrière-plans (recherche d'actifs HeyGen, 75 000+ vecteurs)
iconicônes, symboles (transparents)
logomarques officielles (svgl → simple-icons → avatar GitHub → favicon ; jamais redessinées)
voicevoix off TTS (voie d'utilisation gratuite HeyGen ; Kokoro local en option)
gradecandidat de correction mesuré ; le polissage/la stylisation large suivent les traitements média
lutfichier .cube validé et réutilisable fourni par l'utilisateur ou explicitement choisi

Avant de résoudre du nouveau, listez les candidats réutilisables avec --candidates et jugez vous-même de leur pertinence — règles de réutilisation, tous les indicateurs, ingestion (--from) et adoption dans references/resolve.md.

Traiter les retours visuels larges comme une intention média

Lorsqu'un utilisateur demande explicitement de corriger, polir, styliser, obscurcir, mettre en évidence ou révéler un média photographique, lisez references/media-treatments.md même s'il ne nomme pas l'étalonnage ou un effet. Inspectez le vrai <img>/<video>, choisissez une intention principale, puis utilisez la persistance et la vérification déterministes. Utilisez une recette correspondante comme test de départ optionnel, ou inspectez hyperframes media-treatment --capabilities --json, puis demandez une famille/effet pertinent avec --capability <id> et assemblez un traitement personnalisé à partir des contrôles canoniques. Ne chargez jamais --all pour une création ordinaire. Un traitement peut composer une correction, un préréglage, une finition, des effets shader compatibles, des images clés prises en charge et des superpositions Registry optionnelles. N'ajoutez que des réglages limités justifiés par la source et des parties compatibles, jamais d'effets simplement pour rendre le résultat plus sophistiqué. Persistez la charge utile finale combinée avec hyperframes media-treatment.

Utilisez un workflow progressif unique. Pour la vidéo, inspectez une planche contact étiquetée début/milieu/fin plutôt que de lire les images séparément. Appliquez un candidat et inspectez une planche après pour une correction ou un polissage ordinaire. Passez aux images individuelles ou aux preuves de montage en mouvement uniquement lorsque le résultat est ambigu, temporel, stylisé, basé sur LUT, sensible à HDR/LOG, privé ou critique pour la marque.

Pour une correction ou un polissage ordinaire, persistez le JSON du préréglage/réglage du traitement final. Ne générez pas un LUT .cube uniquement pour coder l'exposition, les ombres, le contraste ou la chaleur. Utilisez un LUT uniquement si l'utilisateur en fournit un ou si le traitement sélectionné en possède explicitement un. resolve --type grade --for ... --analyze est une preuve de mesure, pas une autorisation de remplacer le traitement choisi par un LUT généré. Ne recréez pas les effets de vignettage, grain, flou, pixellisation, couleur ou traitement pris en charge avec des superpositions CSS/SVG ; cela contourne les contrôles Studio et le chemin canonique de prévisualisation/rendu du shader.

Soyez proactif — effectuez un passage d'opportunité média

L'humain ne peut généralement pas dire quel média améliorerait le projet. Vous le pouvez. Lorsque vous créez ou révisez une composition, faites une analyse fondée, puis demandez une fois — n'ajoutez pas en silence et ne harcalez pas par actif.

Ne proposez une opportunité que lorsqu'un signal concret est présent :

Signal détectéProposition
Texte à l'écran / un script sans voix offVoix off TTS (moteur audio)
Emoji ou un <div> stylisé en icôneRésoudre de vraies icons
Image qui est un espace réservé, minuscule ou qui semble agrandieUne meilleure image (et/ou upscale — voir references/operations.md)
Coupures / transitions brusques sans sonsfx de transition
Un morceau de ~10s sans fond musicalbgm
Séquences qui semblent sous/surexposées ou avec une dominance de couleurUn étalonnage correctif (inspectez avec hyperframes media-treatment --selector '#hero' --analyze --json)
Média photographique qui semble visuellement plat ou hors sujetUn préréglage ou traitement personnalisé spécifique et adapté à la source, avec la cible souhaitée nommée
Une entrée/révélation média significative qui semble statiqueune animation de traitement compatible avec la recherche, prenant en charge le seek ; préservez la couleur sauf si la demande justifie également un préréglage

Règles pour que cela reste une aide, pas un harcèlement : fondé, pas générique (pas de signal → pas de suggestion) ; avisé et concret (proposez la correction spécifique avec les valeurs par défaut choisies — l'humain approuve tout / une partie / rien) ; une fois par projet (une demande consolidée ; respectez « laisse comme ça ») ; proposition, jamais mutation silencieuse (l'étalonnage en particulier : proposez et prévisualisez — une « correction » de type monde gris ruine un coucher de soleil intentionnel ou un look néon).

Où chercher — lisez uniquement le fichier dont votre tâche a besoin

TâcheLire
résoudre / réutiliser / adopter / ingérer, indicateurs, cascade, inventairereferences/resolve.md
étalonnage, LUT, étalonnage intelligent (--for), comparaison d'étalonnagereferences/grading.md
voix off / TTS, musique, SFX, légendes, transcription (moteur audio)references/audio.md
couper / recadrer / transformer un média existant, diffusion d'erreur exacte, HEVCreferences/operations.md
traitements créatifs contextuels, effets temps réel, superpositions, révélationsreferences/media-treatments.md
installation + authentification, tableau des fournisseurs, échelles RAM, --local-only, --providerreferences/setup-providers.md
préférences mémorisées + recettes gelées (mémoire utilisateur)references/memory.md
matrice de propriété, statistiques d'utilisation, télémétrie, confidentialité (destiné au mainteneur)references/meta.md

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

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

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