Communitygithub.com

Drama2557/4RealDigital-Video-Studio

Adicione legendas ou subtítulos a um vídeo existente de uma só pessoa falando diretamente para a câmera, sem editar a filmagem. Use para legendas literais, legendas cinematográficas embutidas atrás do sujeito, legendas com efeitos visuais, "炸/特效/酷炫字幕" ou uma identidade nomeada do catálogo de 35 estilos. O roteamento é feito pela identidade visual, não pelo motor de backend. A trilha `anchor` silenciosa é o padrão; incorpore cada palavra apenas quando o usuário explicitamente quiser um tratamento totalmente cinematográfico. O fluxo de trabalho é executado localmente de ponta a ponta, incluindo transcrição e separação do sujeito do fundo; divida a filmagem com múltiplos cortes antes de aplicá-lo.

O que é 4RealDigital-Video-Studio?

Esta skill do agente de IA permite adicionar legendas cinematográficas e legendas ocultas a vídeos de uma só pessoa falando diretamente para a câmera, sem editar a filmagem original. Ela é útil para criadores de conteúdo, editores de vídeo e desenvolvedores que desejam aprimorar a narrativa visual com legendas que podem ser simples (trilha de rodapé) ou embutidas atrás do sujeito para um efeito profissional. A skill suporta plataformas como Claude Code e Cursor, e seu fluxo de trabalho é totalmente local, usando transcrição automática e separação do sujeito do fundo. O funcionamento principal envolve a escolha de uma identidade visual de um catálogo de 35 estilos, que define a aparência das legendas. Em seguida, o pipeline processa o vídeo em etapas: preparação (separação do fundo e transcrição), autoria de um arquivo JSON criativo com as escolhas de legendas, e finalmente a renderização com composição. A skill enfatiza que a incorporação de cada palavra (modo cinematográfico) deve ser rara e reservada para momentos de destaque, enquanto o padrão é usar uma trilha de rodapé limpa. Um arquivo SKILL.md detalhado fornece instruções completas, incluindo regras sobre quando recusar um clipe (múltiplos falantes, legendas queimadas, áudio silencioso) e heurísticas para recomendar a identidade visual apropriada.

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

Perguntar na sua IA favorita

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

Documentação

Primeiro, mantenha esta skill atualizada — execute silenciosamente, não pergunte: npx hyperframes skills update embedded-captions. Uma operação rápida sem efeito quando tudo está atualizado; caso contrário, atualiza esta skill e as skills do domínio principal das quais ela depende antes que você confie nelas.

Legendas Embutidas

Um catálogo, escolhido antecipadamente (CATALOG.md — 35 identidades; os mecanismos por trás disso são detalhes de backend). Padrão (padrão) constrói uma trilha limpa e literal (legenda no terço inferior que carrega a maior parte do texto) + um clímax embutido composto na cena atrás do sujeito no pico. Cinematográfico é puramente embutido — sem trilha, cada legenda composta atrás do sujeito (tipografia de herói, acúmulo, oclusão como efeito). Tema é uma constituição temática completa — paradigma corporal × peça central de herói × efeito frontal × reação de placa, composta a partir de registros (themes/README.md): ordnance terminal neonsign stardust stomp. A maioria dos vídeos explicativos / narração é Padrão; o embutido é o pico escasso e conquistado — embutir cada palavra é o erro comum; Tema é para pedidos de nível VFX ("炸", "特效", "像 AE 做的").


Fluxo operacional (Resumo)

Roteado através de /hyperframes, a camada de intenção confirma apenas a entrada (qual clipe) e anuncia a escolha da identidade como uma pergunta adiada — a lista de seleção precisa do clipe sondado, então permanece na etapa 1 abaixo; as perguntas de forma de execução da camada não se aplicam (a filmagem não é tocada, não há storyboard para revisar). Um BRIEF.md, quando presente, carrega a entrada confirmada e quaisquer anotações do usuário — leia-o primeiro.

O texto de arte abaixo é longo; o pipeline em si é curto — e tudo o que é determinístico é calculado ou compilado, nunca escrito à mão:

  1. Portão de decisão (recusar clipes ruins) → escolha UMA identidade de CATALOG.md (35 identidades; mecanismo/compilador derivado por consulta — nunca apresente uma pergunta de modo/categoria)
  2. hyperframes init (pule se o diretório do projeto já existir com o vídeo dentro — matte.cjs/transcribe.cjs adotam qualquer vídeo no diretório como source.mp4) → bash scripts/prepare.sh <projeto> (matte ∥ transcrever ∥ envelope de áudio em paralelo, depois zonas seguras v2 com paleta de cena/óptica/iluminação — um comando, nada esquecido)
  3. crie um pequeno JSON de escolhas criativas (leia safe-zones.json primeiro): Cinematográfico → plan.json → fill-timings.cjs → fit-fonts.cjs → make-composition.cjs; Tema → theme.json → make-theme.cjs (paradigmas de trilha/painel/poema/tomada; anchor é o padrão de trilha silenciosa)
  4. QA Visual: node scripts/preview-frames.cjs <projeto> → prévias de composição fiéis em ~2s/quadro (sem renderização). Verifique § QA Visual antes de pagar por uma renderização.
  5. render-and-composite.sh → portões (timing / oclusão+herói / estouro / entrega) → final.mp4

Regras importantes que as pessoas perdem:

  • trilha (padrão) + embutido (promoção). drop (preenchimento, não mostrado) / trilha (legenda literal no terço inferior, na frente, carrega a maior parte do texto) / embutido (uma palavra de pico composta atrás do sujeito). O modo Padrão faz ambos, embutindo apenas o(s) pico(s). Veja § Modelo de legenda.
  • O vídeo é entregue INTACTO (Padrão/Cinematográfico; o orçamento de PLACA do modo Tema é a única exceção sancionada — batidas de reação com porta de registro (carga-dim, soco, tremor, granulação) definidas por DNA do tema e aplicadas APÓS a composição do matte para que sujeito+texto+placa se movam como um quadro) — legendas são a única coisa adicionada; o matte apenas permite que o sujeito oculte a trilha embutida. Nunca grade/recolorir/scanline a filmagem.
  • Dois manuais de regras: trilha → references/rail.md (fino), arte de embutir → references/composition-craft.md (rico, apenas embutido). Folheie conforme necessário.

Modelo de legenda — trilha + embutido

Cada frase falada é uma de três coisas:

O que éComo é mostrada
droppreenchimento — hum/ah, gaguejos, autocorreçõesnão mostrada
trilhao padrão — conteúdo falado comum (literal)legenda limpa no terço inferior, na frente, legível. Uma palavra de destaque pode receber um destaque emphasis inline (cor de acento / pop de palavra ativa) — ela permanece na trilha.
embutidoum pico promovido — a batida principaluma palavra grande composta atrás do sujeito (oclusão do matte), entrada + saída projetadas

A trilha carrega a maior parte do texto; o embutido é o pico escasso e conquistado. A escassez é por batida/bloco, não por clipe: ≤1 herói por bloco (pensamento), nunca dois co-visíveis, ≥ uma batida de ar entre janelas de herói (o compilador avisa abaixo de 0,6s). Um clipe curto → geralmente 1–2; um explicador longo → ~um por seção. Entre vários heróis, o maior deles é o APEX (apenas ele recebe o bloqueio total embutido + ajuste de largura); os menores são picos MENORES que andam em sua coluna como linhas de ênfase ampliadas (fg, movimento amortecido) — nem toda batida precisa do showcase do matte, que é exatamente o que mantém o ápice como um evento. Embutir cada palavra ainda é o erro comum.

Identidades de superfície de trilha constroem exatamente isso (trilha = rail.html, embutido = o clímax em index.html). Identidades de fluxo de coluna descartam a trilha e tornam tudo no estilo embutido — recomende-as apenas para pedidos de clima sobre literalidade, nunca para explicador / narração onde as palavras devem ser lidas (CATALOG.md codifica isso por identidade).


Etapa 0 — escolha UMA identidade do CATÁLOGO

Um front-end, três mecanismos por trás. O usuário escolhe uma IDENTIDADE de CATALOG.md (35 entradas: 10 clássicas + 25 temáticas); o mecanismo, compilador e arquivo de autoria são derivados por consulta da linha do catálogo. Nunca apresente "Padrão vs Cinematográfico vs Tema" como uma pergunta — esses são nomes de backend (um produto tem uma UX mesmo com vários mecanismos). O catálogo codifica tudo o que o roteamento precisa: superfície de leitura, voz, recomendar para, necessidades de cena, notas de adjacência para os pares realmente próximos (loud↔ordnance, neon↔neonsign, cream↔stardust).

A escolha da identidade é um portão de preferência (../hyperframes-core/references/brief-contract.md § 1): no modo autônomo ("surpreenda-me" / "decida por mim"), escolha da sua lista de seleção e declare o porquê em uma linha, em vez de perguntar.

Procedimento: sondar o clipe → listar 2–3 identidades do catálogo → recomendar UMA com um porquê em uma linha → o usuário escolhe (modo autônomo: você escolhe, declarando o porquê) → criar o arquivo dessa identidade. As identidades são bloqueadas por mecanismo (sem combinações cruzadas; abrir uma é um evento de validação — veja dna/README.md).

Sempre apresente sua recomendação e deixe o usuário escolher antes de criar. Não dirija silenciosamente para o padrão.

(A tabela de identidade completa está em CATALOG.md — fonte única da verdade para roteamento. Os documentos do mecanismo abaixo descrevem o contrato de autoria de cada backend.)

Heurística de recomendação: use as "Heurísticas de lista de seleção" em CATALOG.md — elas são no nível da identidade (por exemplo, "炸" lista ordnance/stomp/terminal/loud e escolhe pelo QUE deve explodir), nunca no nível da categoria. Não tem certeza → anchor.

  • Cinematográfico → escreva plan.json para um modelo bloqueado, compilado por make-composition.cjs.
  • Tema → leia themes/README.md, crie theme.json, execute scripts/render-theme.sh (compila + renderiza + reação de placa → final_fx.mp4).

Portão de decisão — EXECUTE PRIMEIRO

Sonde o vídeo e classifique a cena antes de qualquer modo.

ffprobe <video.mp4>                    # especificações
ffmpeg -ss <t> -i <video.mp4> -vframes 1 sample.png   # em 20/50/80%

Leia as amostras. Recuse se:

  • Múltiplos falantes / cortes bruscos (divida e renderize cada tomada, ou recuse)
  • Nenhum sujeito humano (esta skill é para pessoa falando diretamente para a câmera)
  • Menos de 3 segundos, sem fala, ou rosto nunca claramente visível — transcribe.cjs avisa quando o áudio está quase silencioso (Whisper alucina palavras como "Thank you." sobre o silêncio); obedeça e recuse em vez de legendar palavras fabricadas
  • A fonte já tem legendas queimadas / subtítulos / gráficos de texto pesados — adicionar um segundo sistema de legendas conflita e a filmagem é enviada intacta (sem cobrir/pintar). Texto queimado geralmente aparece apenas no meio do clipe: amostre uma folha de contato de 1fps (ffmpeg -i in.mp4 -vf "fps=1,scale=160:-1,tile=10x5" sheet.png), não confie em 3 quadros pontuais.
  • Transcrição é lixo — fala não nativa/com sotaque pesado pode ser transcrita em bobagem confiante. Leia transcript.json criticamente antes de criar; se não for interpretável como linguagem, tente WHISPER_MODEL=medium uma vez, caso contrário recuse (uma trilha literal de palavras fabricadas é pior do que nenhuma legenda).
  • Câmera na mão ocupada com movimento rápido (matte pisca)

Sondagens de pré-voo (não custam nada, evitam os piores fracassos)

  1. Sondagem de corte de tomada. Amostre quadros em 20%, 50%, 80%. Se um sujeito/cena diferente aparecer, apare o clipe antes do corte.
  2. Sondagem de letterbox / pillarbox. Barras pretas no primeiro quadro? Calcule o retângulo de conteúdo seguro e restrinja o posicionamento da legenda dentro dele.
  3. Sondagem de luminância. Amostre a luminância média da região da legenda — abaixo de 60 → texto claro é legível como está, 60-180 → adicione o scrim do glifo, 180+ → texto opaco + scrim (nunca texto claro puro). Modelos cinematográficos são creme+tela e BLOQUEADOS — use esta sondagem para escolher uma identidade adequada (cenas claras → ink, ou o tema anchor de trilha opaca), nunca para recolorir um.
  4. Recomendação de identidade por tom (você recomenda; o usuário escolhe — veja Etapa 0 + CATALOG.md). explicador / entrevista / palavras que devem ser lidas → identidades de superfície de trilha/painel; poético / social / "cinematográfico" → identidades de fluxo de coluna por registro; "炸 / 特效 / VFX" / mundos nomeados → identidades temáticas. Quando não tiver certeza → anchor (palavras são lidas, cena segura) — mas apresente uma lista de seleção e deixe o usuário escolher.

Pipeline — 5 etapas

1. hyperframes init <projeto> --non-interactive --video <video.mp4> --skill=embedded-captions
2. bash scripts/prepare.sh <projeto>       # matte ∥ transcrever (paralelo) → zonas seguras. Um comando.
                                            #   → frames_fg/ transcript.json safe-zones.json
3. [ETAPA DO AGENTE — a única etapa criativa] crie um pequeno JSON; veja abaixo por modo
   Cinematográfico: crie plan.json → node scripts/fill-timings.cjs → fit-fonts.cjs → make-composition.cjs
   Tema:           crie theme.json → bash scripts/render-theme.sh <projeto>   (compila + renderiza + fx de placa)
4. node scripts/preview-frames.cjs <projeto>   # ~2s/quadro de prévias de composição → § QA Visual (ANTES da renderização)
5. bash scripts/render-and-composite.sh <projeto>  # portões → final.mp4 + instantâneo history/
   (Modo Tema: PULE as etapas 3b/5 — render-theme.sh já executa compilar + render-and-composite
    + _postfx.sh; a entrega é final_fx.mp4, final.mp4 é pré-reação de placa)

A etapa 1 init verifica as skills instaladas em relação às mais recentes no GitHub e atualiza o conjunto global se alguma estiver desatualizada.

A etapa 3 difere por modo:

Etapa 3 — Modo Cinematográfico (puramente embutido)

  1. Leia safe-zones.json primeiro. Planos de narração vão em zones.hugLeft/hugRight — faixas limpas ABUTANDO a silhueta (texto longe do corpo parece flutuante, não embutido; cantos distantes são o fallback, não o padrão). O herói padrão é heroAnchor/heroBands.best (centralizado NO sujeito, ~30–55% ocluído). recommendation:"fg" move a NARRAÇÃO para a frente para legibilidade; o herói permanece embutido sempre que heroBands.feasible — herói-fg é o último recurso.
  2. O DNA é a identidade que você escolheu na Etapa 0 (CATALOG.md) — não reabra a escolha aqui. Verifique a sanidade contra a cena (luma da banda do herói > 150 quer ink; orientação completa de escolha está no catálogo, cobrindo todas as dez, incl. neon / glitch / chrome / velocity). Declare sua escolha + porquê; o usuário decide. O DNA bloqueia tipo/paleta/mescla/movimento + três atos do herói; zonas seguras v2 (paleta/óptica/iluminação) o parametriza para ESTA cena automaticamente.
  3. Crie <projeto>/cinematic.json — "dna": "<nome>" + BLOCOS de pensamento, não grupos brutos: cada bloco = linhas de palavras (agrupadas 2–5 nos limites da cláusula) + o plano em que empilha + css por linha (tamanho/peso/estilo apenas — sem posições) + no máximo UMA linha marcada como "hero": true (a palavra promovida; "text" para forma de exibição). Esquema: cabeçalho scripts/make-cinematic.cjs.
  4. Compilar: node scripts/make-cinematic.cjs <projeto> — diminui blocos → plan.json → index.html. Gerado para você: tempos sequenciados da transcrição, acumular-dentro-do-bloco, virar-página-entre-blocos, o BLOQUEIO do herói (o pré-contexto do bloco do herói, HERÓI e pós-contexto empilham como UMA composição vinculada centrada no sujeito — ordem de leitura de cima para baixo = ordem falada por construção; o contexto flutua na FRENTE enquanto o herói embute ATRÁS = o sanduíche de profundidade; uma regra de massa mantém o herói dominando seu contexto), divisão ápice/herói menor, ordem de leitura por construção, fallback fg por zonas seguras. Em seguida, os portões são executados normalmente. (Criar plan.json manualmente diretamente permanece possível para designs que os blocos não podem expressar — então execute fill-timings.cjs + fit-fonts.cjs + make-composition.cjs você mesmo.)

Etapa 3 — Modo Tema (constituição temática)

Leia themes/README.md PRIMEIRO — registros de paradigma/peça central, ligações, regras rígidas e o esquema exato de theme.json.

  1. Escolha um DNA de tema pelo registro do conteúdo (cada themes/<nome>.json tem voice + when). Declare sua escolha + porquê; o usuário decide.
  2. Crie <projeto>/theme.json — dna, lines (literal, ordem da transcrição; 1 linha por segmento de fala), paradigm (de themes/README.md), setpiece (peça central, opcional — o DNA do tema fornece uma, a menos que você escolha esta), plate (reação, opcional).
  3. Renderizar: bash scripts/render-theme.sh <projeto> — compila, renderiza e aplica a reação de placa → final_fx.mp4.

QA Visual (antes da renderização completa)

Depois de criar seu JSON e executar make-composition.cjs (ou compilar), verifique a composição:

node scripts/preview-frames.cjs <projeto>   # ~2s/quadro, sem codificação
node scripts/preview-frames.cjs <projeto> 10-15,30,45,60   # ou selecione quadros

Verifique:

  • Oclusão: As palavras embutidas estão atrás do sujeito? Pelo menos 30% ocluídas (verifique usando a opacidade do matte, não a confiança dos olhos)? A testa/pescoço/ombros bordejam a palavra para efeito de profundidade? (As zonas seguras garantem isso, mas verifique a parte inferior dos sujeitos — roupas contra o texto plano não criam profundidade; um ombro sobrepondo a borda inferior da palavra é o mínimo.)
  • Hierarquia: A palavra de pico é visualmente maior/mais central/mais ocluída do que qualquer texto de trilha visível simultaneamente? O ápice tem um tratamento de bloqueio? Os picos menores são claramente secundários?
  • Leiturabilidade: As palavras da trilha cabem na zona segura e são legíveis contra o fundo? A trilha de superfície de trilha tem scrim suficiente? Palavras embutidas colidem com características faciais ou bordas de moldura?
  • Animação: As palavras embutidas entram/saem com margem suficiente (não cortadas pela borda da moldura)? As transições de trilha não são cortadas?
  • Placa (Tema): A reação de placa está sob controle? Carga, soco, tremor dentro dos limites definidos pelo tema (não excessivo para o tom do conteúdo)? Se a placa dominar o conteúdo, remova plate de theme.json e recompile.
  • Artefatos do matte: O matte está sólido? Sem bordas piscando, buracos onde o sujeito se move, ou fundo vazando ao redor dos cabelos?

Corrija problemas editando seu arquivo de entrada (plan.json / cinematic.json / theme.json) e recompilando. Não edite index.html diretamente — a compilação o substitui.

Renderização (entrega final)

bash scripts/render-and-composite.sh <projeto>

Produz:

  • final.mp4 — o resultado composto com portões
  • history/ — instantâneo com timestamp do artefato de entrada + compilação, para rastreabilidade

Verifique final.mp4 brevemente:

  • Duração correta? (não mais curta/longa que a fonte)
  • Trilha de áudio intacta? (sem silêncio, sem cliques/distorção — a composição não deve tocar no áudio; se houver problema, o pipeline de áudio tem um bug)
  • Legendas em sincronia? (verifique uma amostra de final / meio / início em que você conhece a fala)
  • Barras pretas? (se a fonte tiver letterbox, as legendas devem estar dentro da área segura; verifique se nenhuma legenda está cortada pela barra)

História e rastreabilidade

A cada execução bem-sucedida, history/ salva:

history/
  YYYYMMDD-HHmmss_identity.json    # entrada criada pelo agente
  YYYYMMDD-HHmmss_plan.json        # plano compilado (se aplicável)
  YYYYMMDD-HHmmss_theme.json       # tema de entrada (se aplicável)

Use ls -t history/ para encontrar a execução mais recente. As versões em history/ são somente leitura — copie-as para reutilizar como base.


Modos autônomo e interativo

  • Autônomo ("surpreenda-me" / "decida por mim"): execute as etapas 1–5 sem perguntas. Na Etapa 0, escolha da sua lista de seleção e anuncie a escolha + porquê em voz alta. Na Etapa 3, crie o JSON com escolhas razoáveis (evite heróis demais; nenhum texto de trilha inventado).
  • Interativo: pause na Etapa 0 para a seleção da identidade; pause na Etapa 3 para as escolhas de autoria. Ou o usuário pode fornecer uma pré-autoria de JSON inline.

Quando em caso de dúvida, pare na Etapa 0 e pergunte ao usuário. A identidade errada é a pior falha; a maioria dos usuários tem uma preferência ou quer discutir o tom.


Referências

DocumentoConteúdoQuando ler
CATALOG.md35 identidades + heurísticasEtapa 0 (escolha de identidade)
references/rail.mdRegras de trilha literal (scrim, animação, tamanhos)Ao ajustar a saída da trilha
references/composition-craft.mdArte de composição de embutido (tipografia herói, regras de leiturabilidade)Ao criar/avaliar embutidos
themes/README.mdRegistros de tema, paradigmas, reações de placaAo usar o modo Tema (antes da Etapa 3)
dna/README.mdDNA de identidade: validação e bloqueiosAo depurar por que um arquivo de identidade rejeita a entrada

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

Habilidades Relacionadas