appariciojunior/video-editor-skills

Motion overlays (Remotion kit)

El corte del creador está aprobado y normalmente lo re-editan ellos. Tú añades gráficos encima; su imagen y audio nunca se modifican.

El kit

Un proyecto de Remotion con una composición (Beat) que renderiza cualquier componente desde las props, al tamaño y fps de la línea de tiempo, transparente. Los componentes leen cada valor de un archivo de tokens de marca (brand.json: colores, fuentes, tamaños en una unidad de 1080 de alto, padding, tiempos de movimiento) para que el aspecto cambie en un solo lugar. Conjunto típico:

Componente	Uso
LowerThird	nombre + cargo, primera aparición
KeyPhrase	la frase que transmite un punto (*palabra* = resaltador)
ListReveal / Flow	elementos o pasos que aparecen mientras se dicen
Compare / BeforeAfter	dos lados, un cambio
CountUp	un número que dicen
Quote / PersonalNote	una línea contundente, una opinión
BigWord	una idea, pantalla completa, 1–2 s
CommentPrompt	una pregunta para los comentarios
VlogOpener, PlaceTime, Journey, TimeJump	momentos de vlog: título, dónde/cuándo, viaje A → B, "3 horas después"
TitleCard / EndCard / ChapterTag	estructura, solo si se pide

Movimiento que gustó a los creadores: un movimiento suave entrada-salida por elemento, deslizarse, mantener, deslizarse. Sin saltos ni rebotes. Pesos ligeros o regulares en tamaños grandes, etiquetas monoespaciadas en mayúsculas, padding generoso.

Cada vez

1. Qué línea de tiempo (nunca la plantilla).
2. Mapear palabras → fotogramas en esa línea de tiempo (recorrer elementos de V1: punto de entrada de la fuente, inicio de la línea de tiempo → tiempo en la línea de tiempo de cada palabra conservada).
3. Planificar beats y proponerlos (tiempo · componente · texto), esperar aprobación. Aproximadamente uno cada 30–60 s. Texto = sus palabras, números exactamente como se dijeron, nombres verificados en la web, nada inventado, nada que quieran mantener en secreto, la dirección de la historia correcta (un viaje a algún lugar vs. volver).
4. beats.json: id, component, at_word (o at_seconds en B-roll, donde no hay palabras), end_word / seconds, data con indicaciones at_word para elementos.
5. Renderizar (ProRes 4444 transparente; los componentes de pantalla completa son grandes, varios GB para ~16 beats), verificar, luego colocar en la primera pista libre desde V2 en adelante.
6. SFX de overlay: desactivados por defecto a menos que al creador le gusten (un sutil whoosh como máximo).

Verificar sobre el fotograma real antes de colocar (no negociable)

Toma el fotograma debajo de cada beat del archivo de cámara, renderiza la imagen fija del overlay, compónlos y mira. También dibuja la banda de subtítulos sobre ella. Solo así detectamos todo esto:

• Rostro: paneles diseñados para 16:9 (tercio derecho libre) cubrían la cara en un selfie 4:3. Solución en el kit: cuando el fotograma es más estrecho que 16:9, escalar los paneles laterales como conjunto al ~34% exterior del ancho, a 80 px del borde, y escalar el texto de pantalla completa a sus proporciones 16:9 para que quede debajo del mentón.
• Desbordamiento: una lista de 11 elementos no cabía hasta escalar; más de ~11 elementos necesita otro diseño.
• Subtítulos: elementos anclados abajo (opener, big word, lower third, journey) se metían en la banda de subtítulos. Solución en el kit: un token como caption_band_top_at_1080 y cada desplazamiento inferior = max(propio, borde de banda).
• Viudas: una palabra resaltada seguida de "." ponía el punto en su propia línea. Solución en el kit: pegar la puntuación a la última palabra del resalte (nowrap) y usar text-wrap: pretty en el texto mostrado.

Soluciona los problemas de diseño en el kit, nunca por video, para que cada video futuro herede la solución.

Reemplazar beats

Cambia el beat, renderiza con un nuevo id/nombre de archivo (-v2), elimina tu clip anterior, coloca el nuevo. Volver a ejecutar debe saltar los beats ya colocados y nunca readicionar algo que el creador eliminó sin decirlo.

Informe

Una línea por beat (hora, componente, texto en pantalla), qué corregiste en el kit, y cualquier cosa ajustada (texto pequeño, cerca del rostro).