superpollo02/educai-hyperframes-video-render

Produção de Vídeo EdTech e Moodle com HyperFrames

Use este skill quando solicitado a criar, estruturar ou renderizar vídeos de tecnologia educacional, tutoriais Moodle, demonstrações SCORM ou promoções de cursos online.

Invariantes Chave

1. Ritmo e Navegação:
   • Forneça uma Barra de Progresso da Etapa persistente em tutoriais (.step-bar com estados ativo e concluído).
   • Use um cursor virtual animado (#virtual-cursor) com anéis de toque em expansão para direcionar o foco do espectador.
2. Diretrizes de Layout e Obstrução:
   • Para simulações de arrastar e soltar ou sobreposições de carimbo, sempre adicione data-layout-allow-overlap="true" e data-layout-allow-occlusion="true" para evitar rejeições de verificação de layout headless.
3. Mixagem de Som:
   • A música de fundo deve ser reduzida ou configurada em volume baixo (data-volume="0.15" a "0.25") para preservar espaço para narração.
   • Sincronize efeitos sonoros táteis: cliques em botões, swoosh em transições de cena, sinos para respostas corretas/feedback e notificação para sincronização do boletim de notas.