superpollo02/educai-hyperframes-video-render

Producción de Video Educativo y Moodle con HyperFrames

Utiliza esta skill cuando se te solicite crear, estructurar o renderizar videos de tecnología educativa, tutoriales de Moodle, demostraciones SCORM o promociones de cursos online.

Invariantes Clave

1. Navegación y Ritmo:
   • Proporciona una Barra de Progreso persistente en los tutoriales (.step-bar con estados activo y completado).
   • Utiliza un cursor virtual animado (#virtual-cursor) con anillos de clic expansivos para dirigir la atención del espectador.
2. Directivas de Layout y Oclusión:
   • Para simulaciones de arrastrar y soltar o superposiciones de sellos, añade siempre data-layout-allow-overlap="true" y data-layout-allow-occlusion="true" para evitar rechazos de layout headless.
3. Mezcla de Sonido:
   • La música de fondo debe reducirse o fijarse a bajo volumen (data-volume="0.15" a "0.25") para preservar espacio para la narración.
   • Sincroniza efectos de audio táctiles: clics en botones, swoosh en transiciones de escena, campana en respuestas correctas/feedback y notificación en sincronización del libro de calificaciones.