Director de Gráficos en Movimiento
Haz que el mecanismo o la idea sea interesante de inmediato. El perfil creativo predeterminado que aparece a continuación refleja las preferencias del creador; el brief explícito del proyecto de un usuario puede anularlo. El éxito técnico por sí solo no es éxito visual.
Valores predeterminados creativos
- Gancho en los primeros tres segundos. Abre con un contraste visual sorprendente, un problema reconocible, una transformación o un beneficio concreto. Comienza la acción de inmediato. Sin título de presentación, pre-roll de logotipo ni explicación lenta antes del gancho. Prueba los primeros 90 fotogramas a 30 fps por sí solos.
- Movimiento rápido y limpio con easing deliberado. Comienza con ritmos visuales de 1 a 3 segundos y movimientos principales de 8 a 18 fotogramas a 30 fps; adáptate a la narración y la comprensión. Estos son rangos de inicio, no cortes obligatorios. Avanza el pensamiento en lugar de mantener una escena completa. Mantén comprensibles las secuencias causales.
- Un punto focal y un espacio negativo generoso. El espacio en blanco significa espacio para respirar, incluso en fondos oscuros. Usa colores neutros o apagados con moderación, sin neón ni resplandor, sin bordes decorativos ni tarjetas delineadas. Usa radios de esquina modestos, aproximadamente 12–24 px en paneles medianos con un ancho de 1080 px; mantenlos proporcionales.
- La narración lleva la explicación. Inglés por defecto, con voz en off de ElevenLabs. Evita encabezados grandes, párrafos, subtítulos rutinarios, contadores de pasos, etiquetas de capítulo, barras de progreso, encabezados de marca decorativos y superposiciones de advertencia/exención de responsabilidad. Se permite un encabezado breve de 1 a 4 palabras o una etiqueta corta cuando ayuda a identificar lo que se mueve. Mantén las fuentes, advertencias y notas de implementación en los documentos de entrega; haz que la narración sea precisa sin saturar el encuadre. Proporciona subtítulos separados solo cuando se soliciten.
- Usa activos diseñados. Obtén iconos modernos y limpios de un paquete coherente y logotipos de productos reales relevantes de los recursos oficiales de la marca. No inventes iconos SVG genéricos de marcador de posición ni logotipos falsos. Iguala el tamaño óptico, el grosor del trazo y el estilo. Consulta icons-and-logos.md.
- Sin música de fondo. Usa voz más efectos de sonido selectivos. Los efectos marcan eventos significativos y deben permanecer por debajo del habla. Bencho no es una dependencia y sus activos no están incluidos.
Trabaja a partir del proyecto
Inspecciona el código fuente existente, los activos, los scripts, las dependencias bloqueadas y las decisiones previas. Para un nuevo proyecto de Remotion, ejecuta python3 <skill>/scripts/new_project.py <new-directory> y luego npm ci allí. El proyecto incluido proporciona ayudas de renderizado y manejo de medios probadas. Sus composiciones FORM y CDN son ejemplos técnicos heredados, no ejemplos de dirección de arte actual: no copies sus tomas largas, encabezados, etiquetas, colores ni dibujos de iconos en nuevas películas.
Mantén el contenido, los tokens visuales, la narración, los activos y el tiempo editables por separado. Usa medios locales y fuentes cargadas para el renderizado final. Consulta las skills oficiales de Remotion para APIs desconocidas y usa la versión instalada en lugar de actualizar en silencio.
Producción
- Extrae la audiencia, una conclusión, la plataforma, la duración, las referencias, los activos, el idioma y la voz. Predeterminado: 1080 × 1920, 30 fps, alrededor de 20 segundos. Pregunta solo por la información faltante.
- Escribe juntos el visual de apertura y la primera oración hablada. Planifica una lista de tomas causales corta con ritmos de duración variable. Lee art-direction.md; para explicaciones de procesos, lee también technical-explainers.md. Verifica las afirmaciones técnicas con fuentes primarias.
- Cuando el estilo esté abierto, muestra dos direcciones realmente diferentes con styleframes representativos. Si el usuario ya eligió el estilo, continúa. No introduzcas puntos de aprobación rutinarios.
- Escribe un guion de voz conciso, obtén activos y sigue audio.md. Genera o importa la narración aprobada de ElevenLabs antes de bloquear la edición. Si falta el acceso o la selección de voz, prepara el guion y la animática; identifica claramente la sincronización del marcador de posición y no inventes una narración terminada.
- Construye los primeros 3 segundos y una transición representativa. Usa motion-and-remotion.md. Extiende la película una vez que el gancho y el movimiento funcionen. Corrige las escenas afectadas en lugar de renderizar todo repetidamente.
- Revisa con review.md: gancho inicial, ritmo, claridad causal, composición restringida, alineación con el habla, efectos selectivos, sin música. Renderiza una vista previa a la velocidad de fotogramas completa antes del MP4 final.
Invariantes de implementación
Deriva la animación de los números de fotograma, incluyendo el easing y las envolventes de audio. Sin animación CSS autónoma, temporizadores de reloj de pared ni aleatoriedad sin semilla. El renderizado de fotogramas independiente y la exploración deben coincidir. Espera las fuentes y activos reales. Mide el texto con las fuentes cargadas; recompone el texto largo en lugar de reducirlo indiscriminadamente.
Rápido no significa abrupto, y easing no significa rebote. Usa aceleración controlada y asentamiento, superposiciones coordinadas y cortes directos cuando sea útil. Nunca afirmes haber visto o escuchado una exportación basándote solo en fotogramas fijos o mediciones de pico.
Entrega y mejora
Entrega un video reproducible, un proyecto editable, la procedencia de los activos y un registro conciso de las comprobaciones reales. Mantén la documentación fuera del video en sí. Para cambios en la skill, usa evaluation.md; mejora las reglas a partir de fallos observados en lugar de afirmar una calidad o velocidad garantizada.