Communitygithub.com

Drama2557/4RealDigital-Video-Studio

O sistema operacional de mídia para projetos HyperFrames: resolva, gere, opere e lembre de qualquer tipo de mídia com um único skill, sem ruído de contexto.

O que é 4RealDigital-Video-Studio?

Este skill transforma o agente em um Sistema Operacional de Mídia completo para projetos HyperFrames, unificando resolução, geração e operação de mídia em um único comando `resolve`. Ele suporta tipos como BGM, SFX, imagem, ícone, logotipo, voz (TTS), correção de cor (grade) e LUTs, buscando primeiro em catálogos locais ou do HeyGen e gerando via modelos de IA (TTS, música, imagem) quando necessário. O agente também pode sugerir oportunidades de mídia (como adicionar narração, efeitos sonoros ou correção de cor) com base em sinais concretos do projeto, sem ser intrusivo. Para feedback visual vago (como 'vídeo escuro, sem graça' ou 'estilo retrô'), o skill orienta a leitura de `references/media-treatments.md` para aplicar tratamentos criativos e correções sem gerar LUTs desnecessárias.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

media-use

O sistema operacional de mídia para HyperFrames: resolva · gere · opere · lembre — todos os tipos de mídia, um único skill, zero ruído de contexto.

Primeira execução: instale e faça login no CLI heygen (caminho de uso gratuito) e, em seguida, verifique com node <SKILL_DIR>/scripts/resolve.mjs --doctor. Configuração e provedores: references/setup-providers.md.

Resolve — o verbo único

node <SKILL_DIR>/scripts/resolve.mjs --type <tipo> --intent "<descrição>" --project <diretório>

Retorna uma linha: resolved <id> → <caminho> (<tipo>, <metadados>). Todo o ruído de pesquisa permanece no disco.

TipoIntenção de uma linha
bgmmúsica de fundo (catálogo HeyGen, 10k+ faixas)
sfxefeitos sonoros (biblioteca com 19 arquivos + catálogo)
imagefotos, fundos (pesquisa de ativos HeyGen, 75k+ vetores)
iconícones, símbolos (transparentes)
logomarcas oficiais (svgl → simple-icons → avatar GitHub → favicon; nunca redesenhado)
voicenarração TTS (caminho de uso gratuito HeyGen; Kokoro local opcional)
gradecandidato de correção medido; polimento/estilização geral segue os Tratamentos de Mídia
lutarquivo .cube reutilizável validado, fornecido pelo usuário ou explicitamente escolhido

Antes de resolver um novo item, liste candidatos reutilizáveis com --candidates e julgue a adequação você mesmo — regras de reutilização, todas as flags, importação (--from) e adoção estão em references/resolve.md.

Trate feedback visual amplo como intenção de mídia

Quando um usuário pedir explicitamente para corrigir, polir, estilizar, obscurecer, enfatizar ou revelar mídia fotográfica, leia references/media-treatments.md mesmo que ele não nomeie correção de cor ou um efeito. Inspecione a <img>/<video> real, escolha uma intenção primária e, em seguida, use persistência e verificação determinísticas. Use uma receita correspondente como semente testada opcional, ou inspecione hyperframes media-treatment --capabilities --json, então solicite uma família/efeito relevante com --capability <id> e monte um tratamento personalizado a partir de controles canônicos. Nunca carregue --all para criação comum. Um tratamento pode compor correção, um preset, finalização, efeitos de shader compatíveis, keyframes suportados e sobreposições opcionais do Registry. Adicione apenas ajustes limitados justificados pela fonte e partes compatíveis, nunca efeitos apenas para tornar o resultado mais sofisticado. Persista o payload final combinado com hyperframes media-treatment.

Use um fluxo de trabalho progressivo e escalonado. Para vídeo, inspecione uma folha de contato rotulada do início/meio/fim, em vez de ler quadros separadamente. Aplique um candidato e inspecione uma folha posterior para correção ou polimento comuns. Escale para quadros individuais ou evidências de rascunho em movimento apenas quando o resultado for ambíguo, temporal, estilizado, baseado em LUT, sensível a HDR/LOG, particular ou crítico para a marca.

Para correção ou polimento comuns, persista o JSON de preset/ajuste do tratamento final. Não gere um LUT .cube apenas para codificar exposição, sombras, contraste ou aquecimento. Use um LUT apenas quando o usuário fornecer um ou o tratamento selecionado possuir um explicitamente. resolve --type grade --for ... --analyze é evidência de medição, não permissão para substituir o tratamento escolhido por um LUT gerado. Não recrie vinheta, granulação, desfoque, pixelização, cor ou efeitos de tratamento suportados com sobreposições CSS/SVG; isso ignora os controles do Studio e o caminho canônico de pré-visualização/renderização de shader.

Seja proativo — faça uma passagem de oportunidade de mídia

O humano geralmente não consegue identificar qual mídia elevaria o projeto. Você consegue. Ao construir ou revisar uma composição, faça uma varredura fundamentada e pergunte uma vez — não adicione silenciosamente e não incomode por ativo.

Ofereça uma oportunidade apenas quando um sinal concreto estiver presente:

Sinal detectadoOfereça
Texto na tela / um roteiro sem narraçãoNarração TTS (mecanismo de áudio)
Emoji ou uma <div> estilizada como íconeresolva icons reais
Imagem que é um placeholder, pequena ou com aparência de upscaleduma image melhor (e/ou upscale — veja references/operations.md)
Cortes de cena abruptos / transições sem somsfx de transição
Uma peça com mais de ~10s sem música de fundobgm
Filmagem que parece sub/sobre-exposta ou com dominante de coruma correção de cor (inspecione com hyperframes media-treatment --selector '#hero' --analyze --json)
Mídia fotográfica que parece visualmente plana ou fora do assuntoum preset específico apropriado à fonte ou tratamento personalizado, com o alvo pretendido nomeado
Uma entrada/revelação de mídia significativa que parece estáticauma animação de tratamento compatível com seek; preserve a cor, a menos que a solicitação também justifique um preset

Regras que mantêm isso como uma ajuda, não um incômodo: fundamentado, não genérico (sem sinal → sem sugestão); opinativo + concreto (proponha a correção específica com padrões escolhidos — o humano aprova tudo / algum / nada); uma vez por projeto (um pedido consolidado; respeite "deixe assim"); superfície, nunca mude silenciosamente (correções de cor especialmente: proponha e pré-visualize — uma "correção" de mundo cinza arruína um pôr do sol intencional ou um visual neon).

Onde consultar — leia apenas o arquivo que sua tarefa precisa

TarefaLeia
resolver / reutilizar / adotar / importar, flags, cascata, inventárioreferences/resolve.md
correção de cor, LUTs, gradação inteligente (--for), grade-comparereferences/grading.md
narração / TTS, música, SFX, legendas, transcrição (mecanismo de áudio)references/audio.md
cortar / reenquadrar / transformar mídia existente, difusão de erro exata, HEVCreferences/operations.md
tratamentos criativos conscientes da fonte, efeitos em tempo real, sobreposições, revelaçõesreferences/media-treatments.md
instalação + autenticação, tabela de provedores, escadas de RAM, --local-only, --providerreferences/setup-providers.md
preferências lembradas + receitas congeladas (memória do usuário)references/memory.md
matriz de propriedade, estatísticas de uso, telemetria, privacidade (voltado para mantenedores)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

Habilidades Relacionadas