appariciojunior/video-editor-skills

Criação de motion graphics para vídeos de criadores usando Remotion, com componentes como palavras-chave, listas e barras inferiores, sincronizados com a transcrição do criador e renderizados como ProRev transparente para sobreposição no DaVinci Resolve.

O que é video-editor-skills?

Esta skill fornece um kit de componentes Remotion para adicionar motion graphics (sobreposições) sobre vídeos já editados de criadores, sem jamais modificar o áudio ou o vídeo original. Ela define um projeto Remotion com uma composição principal chamada `Beat` que renderiza qualquer componente com fundo transparente, utilizando um arquivo de tokens de marca (`brand.json`) para garantir consistência visual. Os componentes incluem telas de título, palavras-chave destacadas, listas que aparecem conforme são ditas, números contados, citações, e muito mais, todos com uma estética de movimento suave (glide-in, hold, glide-out). A skill orienta um fluxo de trabalho passo a passo: mapear palavras da transcrição para quadros na linha do tempo, planejar e propor beats (a cada 30–60 segundos), aguardar aprovação, gerar um arquivo JSON com os dados, renderizar em ProRes 4444 com transparência e, crucialmente, verificar cada sobreposição sobre o quadro real (incluindo a faixa de legendas) para evitar que o texto cubra o rosto, transborde, ou conflite com as legendas. Problemas de layout são corrigidos no próprio kit, e não por vídeo, garantindo que todas as correções sejam herdadas futuramente. Ela também cobre como substituir beats, gerar relatórios e evitar repetição de trabalho. Esta skill é essencial para edição de vídeo profissional com motion graphics elegantes e seguras, especialmente útil em plataformas como Claude Code, Cursor, ou Codex que suportem automação de workflows de pós-produção.

Funciona com~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/appariciojunior/video-editor-skills/tree/HEAD/skills/motion-overlays

Documentação

Sobreposições com movimento (kit Remotion)

O corte aprovado do criador já está finalizado e geralmente reeditado por ele. Você adiciona gráficos por cima; a imagem e o áudio do criador nunca são tocados.

O kit

Um projeto Remotion com uma composição (Beat) que renderiza qualquer componente a partir das props, no tamanho e taxa de quadros da linha do tempo, com fundo transparente. Os componentes leem todos os valores de um arquivo de tokens da marca (brand.json: cores, fontes, tamanhos em unidade 1080 de altura, padding, temporizações de movimento), de modo que a aparência muda em um único lugar. Conjunto típico:

Componente	Uso
LowerThird	nome + função, primeira aparição
KeyPhrase	a frase que carrega um ponto (`palavra` = marcador)
ListReveal / Flow	itens ou etapas aparecendo conforme são falados
Compare / BeforeAfter	dois lados, uma mudança
CountUp	um número que é dito
Quote / PersonalNote	uma frase forte, uma opinião
BigWord	uma ideia, quadro cheio, 1–2 s
CommentPrompt	uma pergunta para os comentários
VlogOpener, PlaceTime, Journey, TimeJump	momentos de vlog: título, onde/quando, viagem A → B, "3 horas depois"
TitleCard / EndCard / ChapterTag	estrutura, apenas se solicitado

Movimento que os criadores gostaram: um movimento suave de ease-in-out por elemento, deslizar para dentro, segurar, deslizar para fora. Sem estalo, sem quique. Pesos leves ou regulares em tamanhos grandes, etiquetas em maiúsculas mono-espaçadas, padding generoso.

Cada vez

Qual linha do tempo (nunca o modelo).
Mapear palavras → quadros nessa linha do tempo (percorrer itens V1: ponto de entrada da fonte, início da linha do tempo → tempo de cada palavra mantida na linha do tempo).
Planejar beats e propô-los (tempo · componente · texto), aguardar aprovação. Aproximadamente um a cada 30–60 s. Texto = palavras do criador, números exatamente como ditos, nomes verificados na web, nada inventado, nada que ele queira manter em segredo, a direção correta da história (uma viagem para algum lugar vs. voltando).
beats.json: id, component, at_word (ou at_seconds em B-roll, onde não há palavras), end_word / seconds, data com pistas at_word para itens.
Renderizar (ProRes 4444 transparente; componentes de quadro cheio são grandes, vários GB para ~16 beats), verificar, então colocar na primeira faixa livre a partir de V2 para cima.
Efeitos sonoros de sobreposição: desligados por padrão, a menos que o criador goste (no máximo um suave whoosh).

Verificar sobre o quadro real antes de colocar (não negociável)

Pegue o quadro abaixo de cada beat do arquivo da câmera, renderize a imagem estática da sobreposição, componha-os e observe. Também desenhe a faixa de legendas sobre ela. Apenas assim pegamos todos estes problemas:

Rosto: painéis projetados para 16:9 (terço direito livre) cobriam o rosto em um quadro selfie 4:3. Correção no kit: quando o quadro é mais estreito que 16:9, escalar os painéis laterais como um todo para os ~34% externos da largura, a 80 px da borda, e escalar o texto de quadro cheio para suas proporções 16:9 para que fique abaixo do queixo.
Transbordo: uma lista de 11 itens não cabia até ser escalada; mais de ~11 itens requer outro layout.
Legendas: elementos ancorados na parte inferior (abertura, palavra grande, barra inferior, jornada) se sobrepunham à faixa de legendas. Correção no kit: um token como caption_band_top_at_1080 e cada deslocamento inferior = max(próprio, topo da faixa).
Viúvas: uma palavra destacada seguida por "." fazia o ponto pular para sua própria linha. Correção no kit: colar pontuação à última palavra do destaque (nowrap) e usar text-wrap: pretty no texto de exibição.

Corrija problemas de layout no kit, nunca por vídeo, para que todo vídeo futuro herde a correção.

Substituindo beats

Altere o beat, renderize sob um novo id/nome de arquivo (-v2), remova seu clipe antigo, coloque o novo. A reexecução deve pular beats já colocados e nunca readicionar algo que o criador excluiu sem avisar.

Relatório

Uma linha por beat (tempo, componente, texto na tela), o que você corrigiu no kit e qualquer coisa apertada (texto pequeno, perto do rosto).