remotion-motion-director

Remotion Motion Director

Usa este skill cuando la calidad del video importe tanto como la calidad del código. Está diseñado para producir trabajos de movimiento pulidos con una justificación creativa explícita, no solo "animaciones que funcionan".

Cuándo usarlo

• El usuario solicita videos de Remotion premium y liderados por la marca.
• El usuario necesita controles de estilo precisos más allá de las plantillas genéricas.
• El proyecto requiere una ejecución basada en storyboard y bucles de crítica iterativa.
• La solicitud menciona un acabado tipo Apple, movimiento cinematográfico o sensación de anuncio de alta gama.

No usar

• Correcciones técnicas puntuales sin necesidad de dirección de diseño.
• Solicitudes para copiar exactamente marcas registradas de Apple, tomas de productos o guiones de anuncios.

Flujo de trabajo requerido

1. Capturar restricciones:
   • Cargar references/brand-control-schema.md.
   • Rellenar las entradas faltantes con suposiciones explícitas si el usuario no las proporciona.
2. Establecer dirección creativa:
   • Cargar references/motion-direction-principles.md.
   • Elegir un perfil de movimiento principal y uno de respaldo.
3. Aplicar guardarraíles "inspirado, no copiado":
   • Cargar references/apple-inspired-not-copied.md.
4. Planificar antes de codificar:
   • Producir un storyboard escena por escena con tiempo e intención.
5. Construir en Remotion:
   • Cargar references/remotion-implementation-map.md.
   • Mapear escenas a Composition, Sequence y primitivas de tiempo.
6. Criticar y refinar:
   • Cargar references/production-rubric.md.
   • Puntuar el resultado, listar carencias y ejecutar al menos una pasada de mejora.

Contrato de salida

Siempre devolver estos artefactos:

1. Brief de dirección creativa (mensaje, audiencia, promesa visual).
2. Hoja de control de marca y movimiento (tokens y parámetros).
3. Storyboard con tiempos de cada escena.
4. Notas de construcción (qué componentes/animaciones implementan cada escena).
5. Puntuación de la rúbrica de QA más diferencias para la siguiente pasada.

Plantillas reutilizables

Usar estas antes de generar archivos personalizados desde cero:

• assets/storyboard-template.md
• assets/motion-tokens-template.ts
• assets/scene-template.tsx
• assets/remotion-root-template.tsx
• assets/qa-scorecard-template.md

Ejemplo inicial

Para una implementación de referencia ejecutable, ver:

• examples/motion-director-starter/README.md

Este starter demuestra cómo conectar storyboard y tokens de movimiento en una estructura mínima de proyecto Remotion.

Nivel de calidad

• Priorizar claridad sobre complejidad.
• Usar el movimiento para revelar jerarquía, no para decorarlo todo.
• Mantener el ritmo intencional: evitar la edición excesiva y el movimiento constante.
• Favorecer la consistencia en los sistemas de espaciado, tipografía y tiempos.
• Respetar la accesibilidad (contraste, opciones de movimiento reducido, legibilidad del texto).
• Si faltan restricciones, declarar valores por defecto y continuar en lugar de bloquearse.

Skills relacionados

• remotion-best-practices: corrección técnica de Remotion.
• create-remotion-geist: lenguaje visual de Vercel/Geist.
• remotion-ads: zonas seguras sociales y restricciones de campaña.
• elevenlabs-remotion: pipeline de voz para ediciones narradas.

Versionado

• Seguir el versionado semántico en references/versioning-policy.md.
• Para aumentar versiones, ejecutar scripts/bump-version.sh.