Video de demostración
Convierte un mensaje defendible en una secuencia visual que funcione en su contexto de visualización, y luego impleméntalo con la configuración de Remotion del repositorio. La historia, la evidencia y la comprensión determinan el tratamiento; las transiciones no.
Establecer el brief a partir de la evidencia disponible
Inspecciona el producto, los medios existentes, los activos de marca, la interfaz de usuario, la documentación y la configuración de Remotion antes de hacer preguntas. Establece:
- espectador objetivo y lo que sabe antes de verlo;
- destino, relación de aspecto, contexto con sonido o sin sonido, y rango de duración;
- una afirmación principal o resultado de aprendizaje;
- acción del producto, resultado, datos o demostración que pueda probarlo;
- llamado a la acción o implicación final;
- metraje disponible, estados de la interfaz de usuario, narración, música, fuentes y restricciones de marca;
- fecha límite, entorno de renderizado y entregables requeridos.
Pregunta solo por la información faltante que cambie la afirmación, la evidencia, el alcance de la producción o los derechos para usar un activo. Si la dirección creativa está abierta, propón un tratamiento y un guion gráfico en lugar de pedirle al usuario que invente escenas.
Elegir el formato
- Recorrido del producto: finalización cronológica de tareas con una interfaz de usuario legible y una interrupción editorial mínima.
- Clip de lanzamiento o redes sociales: propuesta comprimida, evidencia del producto, beneficio y acción; debe funcionar sin sonido si el destino comúnmente se reproduce automáticamente sin audio.
- Explicación técnica: mecanismo, observación, interpretación, limitación e implicación. Lee escritura de explicaciones antes de redactar el guion.
- Demostración de función: una capacidad, estado inicial, acción, resultado visible y límite.
- Tutorial narrado: instrucción guiada con requisitos previos, intención del cursor, subtítulos, recuperación y un resultado reproducible.
No combines todos los formatos en un solo video. Cuando se soliciten varios resultados, define una narrativa maestra y decide qué momentos sobreviven a cada corte.
Escribir un tratamiento guiado por la evidencia
Antes del código, produce:
Espectador:
Destino y formato:
Afirmación principal:
Evidencia visible:
Lo que debe entenderse al final:
Enfoque de narración/subtítulos:
Tratamiento:
Lista de momentos con tiempos aproximados:
Activos o capturas requeridos:
Riesgos o incógnitas:
Cada momento debe cambiar lo que el espectador sabe, ve o puede hacer. Empareja cada línea de narración material con evidencia visible o contexto necesario. Elimina escenas decorativas que simplemente repiten la voz en off.
Usa estados reales del producto y datos veraces. Etiqueta los datos de prueba representativos y evita presentarlos como prueba de cliente.
Redactar para tiempo y contexto de sonido
Redacta la narración y el texto en pantalla juntos. Estima el tiempo leyendo el guion en voz alta al ritmo de entrega previsto, luego valida con audio grabado o generado en lugar de confiar solo en el recuento de palabras.
- Mantén el texto crítico en pantalla legible el tiempo suficiente para procesarlo.
- Subtitula el contenido hablado cuando el entregable requiera accesibilidad o comprensión sin sonido.
- No hagas que los subtítulos compitan con la interfaz de usuario del producto o las superposiciones de la plataforma.
- Indica los términos especializados después de explicar el mecanismo, luego úsalos de manera consistente.
- Mantén las afirmaciones dentro de lo que establece la demostración visible.
Para voz en off, música, efectos de sonido, generación de subtítulos o trabajo de volumen, lee audio y subtítulos antes de agregar medios.
Planificar los formatos deliberadamente
No renderices una composición sin cambios en todas las relaciones de aspecto. Para cada formato solicitado, define áreas seguras, medida del texto, comportamiento de recorte, escala de la interfaz de usuario del producto y cualquier momento que necesite recomposición u omisión.
Comparte componentes y datos de la línea de tiempo cuando sea útil, pero permite una composición específica del formato. Registra solo los entregables que el usuario necesita.
Implementar en el proyecto Remotion existente
Inspecciona las versiones instaladas, el formato del módulo, el punto de entrada del proyecto, la configuración, los scripts y los primitivos existentes. Usa esas API y convenciones. Para un nuevo proyecto independiente, selecciona versiones actuales compatibles en lugar de copiar versiones fijas de esta habilidad.
Separa las preocupaciones cuando el tamaño del proyecto se beneficie de ello:
- registro de composición y props de entrada;
- datos narrativos/de línea de tiempo;
- escenas o tomas;
- primitivos visuales compartidos;
- carga de medios y fuentes;
- subtítulos y mezcla de audio;
- pruebas o afirmaciones de fotogramas.
Pasa el tiempo local de la línea de tiempo a las escenas cuando su animación sea relativa a la escena. Usa el tiempo global solo para un comportamiento deliberadamente continuo. Aplica interpolación con límites solo cuando los valores puedan viajar fuera del rango previsto; no agregues opciones ceremoniales a entradas acotadas.
Lee primitivos de Remotion solo cuando el tratamiento necesite patrones reutilizables de ciclo de vida de escena, revelación de texto, transición o escritura. Adapta los primitivos al lenguaje visual elegido; ninguno es obligatorio.
Lee chuleta de implementación al elegir parámetros de animación, tamaño responsivo, carga de fuentes o comandos de renderizado. Verifica las API con la versión instalada de Remotion.
Diseñar el movimiento desde el significado
Elige cortes, disolvencias, continuidad espacial, revelaciones, zooms o pausas basándote en la relación entre los momentos. Evita aplicar resortes, escalonamiento, grano, brillo, simulación de terminal, botones rebotantes o degradados animados como receta característica.
La animación debe ser determinista bajo la búsqueda de fotogramas. Soporta movimiento reducido cuando el video esté incrustado como una experiencia interactiva o web. No anime detalles finos que desaparezcan en el tamaño de entrega final.
Manejar la captura del producto
Al mostrar un producto en vivo:
- define el estado exacto y los datos necesarios;
- elimina secretos e información personal;
- controla la ventana gráfica, el cursor, el zoom y la configuración de animación;
- captura a una resolución suficiente;
- preserva la cronología de la interfaz de usuario para que las acciones y los resultados sigan siendo creíbles;
- registra las limitaciones cuando un simulacro o accesorio sustituya a un estado en vivo.
Contrato de salida
Entrega la combinación solicitada de:
- tratamiento y hoja de momentos con tiempos;
- narración y guion en pantalla;
- manifiesto de activos/capturas con procedencia;
- fuente de Remotion e ID de composición;
- archivo de subtítulos o subtítulos incrustados;
- archivos renderizados nombrados por formato;
- fotogramas fijos representativos o fotogramas de revisión;
- informe de verificación que incluya verificaciones técnicas y editoriales.
Indica qué formatos comparten una línea de tiempo y cuáles se compusieron de forma independiente.
Verificar
Técnico
- Instala o reutiliza dependencias según la política del repositorio.
- Ejecuta la verificación de tipos, la compilación y las pruebas relevantes.
- Enumera las composiciones y renderiza cada entregable solicitado.
- Busca fotogramas representativos alrededor de los límites de las escenas y confirma la salida determinista.
- Verifica las ramas de medios faltantes, carga de fuentes, texto largo y específicas del formato.
- Confirma que la resolución de salida, la velocidad de fotogramas, la duración, el códec y el tamaño del archivo coincidan con el contrato de entrega.
Editorial y visual
- Mira cada render final de principio a fin a velocidad normal.
- Confirma que la apertura establece la relevancia, la evidencia es visible y el final resuelve la afirmación establecida.
- Revisa al tamaño real del feed o reproductor, sin sonido y con sonido cuando corresponda.
- Verifica la duración del texto, la sincronización de subtítulos, las áreas seguras, las superposiciones de la plataforma, la legibilidad de la interfaz de usuario y la continuidad visual.
- Confirma que la narración nunca supere la evidencia o afirme un comportamiento del producto no disponible.
Audio y accesibilidad
- Escucha con auriculares y altavoces comunes; verifica picos, recortes, ediciones abruptas, inteligibilidad y volumen consistente.
- Verifica los subtítulos con el audio final, incluidos nombres y términos técnicos.
- Confirma que el significado esencial sobrevive a la reproducción sin sonido cuando sea necesario.
Informa cada verificación realmente realizada y cualquier limitación causada por activos, servicios, códecs o contexto de implementación no disponibles.