Web Motion
Objetivo
Transformar conteúdos que só se sustentam com um "processo de mudança" em animações web editáveis, diagramas dinâmicos, GIFs, curtas animados ou B-roll explicativo. Por defeito, mantém uma única fonte web verdadeira e uma linha do tempo determinística, a partir da qual deriva o formato solicitado pelo utilizador.
Este Skill não se destina a cartões estáticos comuns, edição de material de vídeo já existente, programas de áudio ou pesquisa de temas. Os caminhos de recursos no repositório são relativos à raiz do pacote Visual Multimedia e apenas leem conforme a rota atual.
Modo de Trabalho
Confirmar a fonte verdadeira do conteúdo, o público-alvo, a proporção de saída, o modo de reprodução e a origem real da duração. Quando os títulos, etiquetas, legendas ou esboços de narração visíveis ao espectador ainda não estiverem claramente confirmados, submetê-los primeiro a $clean-copy e aguardar a sua própria confirmação; este Skill não mantém mais uma lista de frases padrão de IA.
Antes da implementação formal, submeter um plano confirmável: texto visível exato, sequência de cenas ou estados, veículo de movimento, início—mudança—resultado, especificações da tela, direção de tipografia e cores, materiais reais necessários e respetiva fonte; depois parar. Só implementar diretamente se o utilizador saltar explicitamente a confirmação. O movimento deve expressar avanço, causalidade, comparação, feedback ou mudança de estado; apenas trocar títulos, fade-in de página inteira ou cartões que aparecem em sequência não podem disfarçar um diagrama dinâmico.
Dividir o conteúdo confirmado em fragmentos semânticos, cada um registando a nova informação, o alcance do áudio, a responsabilidade visual e a base temporal. Utilizar uma fonte web editable-media v6, onde window.editableMedia guarda o estado estruturado e window.__hf.duration/seek(seconds) fornece o tempo determinístico; a reprodução manual, automática e mista leem a mesma linha do tempo semântica, sem criar um segundo relógio.
Escolher apenas a rota necessária conforme a tarefa: animações de texto seguem a biblioteca de movimento de texto; mudanças em mecanismos técnicos seguem as regras de movimento gráfico semântico; B-roll explicativo usa modelos de atividade registados; apenas quando o utilizador escolher explicitamente HyperFrames se cria uma cópia de renderização independente. Quando for necessário montar com material de vídeo ou áudio num vídeo completo, passar os fragmentos web e os limites reais de tempo para $video-production, sem assumir a edição de material existente neste Skill.
Após a implementação, verificar o estado inicial, todas as mudanças-chave e o estado final, e depois reproduzir completamente. Verificar a consistência de posicionamento aleatório, que os resultados não são redefinidos por loops locais, que o texto é sempre legível, que a câmara e os objetos não competem pela mesma transformação, e que os quadros descodificados de GIF ou vídeo coincidem com os quadros da fonte do navegador. Em caso de falha na exportação, preservar a fonte web e reportar o passo específico, sem mudar silenciosamente de rota.
Recursos
../../references/web-visual-production.md: Fonte web, cena, reprodução e exportação local.../../references/semantic-graphic-motion-production.md: Como as relações entre objetos e mudanças de estado se tornam movimento.../../references/text-motion-production.md,../../scripts/text-motion-library.mjs,../../assets/text-motion-library/text-motion-runtime.js,../../assets/text-motion-library/text-motion-binding.js: Rota determinística de animação de texto.../../references/explanatory-broll-production.md: Seleção de modelos para B-roll explicativo, projeção temporal real e saída transparente.../../references/technical-diagram-production.md: Diagramas técnicos e animações de visão geral estáveis.../../references/hyperframes-rendering.md: Apenas lido quando o utilizador escolhe explicitamente HyperFrames.../../scripts/validate-editable-media.mjse../../scripts/render-web-media-local.mjs: Validação estrutural e exportação formal local.
Saída e Conclusão
Entregar a fonte web, a linha do tempo atual, imagens de verificação dos estados-chave, o GIF/vídeo/overlay transparente solicitados pelo utilizador, e o resultado da comparação entre os quadros da fonte do navegador e os do ficheiro final. Sem solicitação, não produzir cartões estáticos adicionais, vídeos editados completos ou outras proporções.