Communitygithub.com

cxcx102498-eng/chenxi

Transforma artigos de divulgação científica e áudio existente em vídeos explicativos com lousa branca, gerando automaticamente gráficos explicativos, storyboard, alinhamento de áudio, legendas, destaques e renderização, entregando MP4 e projeto editável.

O que é chenxi?

Esta skill transforma artigos de divulgação científica e arquivos de áudio pré-gravados em vídeos completos com lousa branca, prontos para reprodução. Ela automatiza todo o fluxo de produção, desde o design de storyboard até a renderização final, sem exigir intervenção manual do usuário para configurações técnicas. Suporta a geração de gráficos explicativos editáveis (SVG), alinhamento preciso de áudio com timestamps em nível de palavra, legendas sincronizadas (SRT/VTT), destaques visuais e renderização em MP4 (1920×1080, 30fps). Ideal para criadores de conteúdo educacional que possuem artigos e áudios gravados e desejam produzir vídeos explicativos visualmente ricos de forma consistente e reutilizável. Funciona como uma skill autônoma para Claude Code, Cursor, Codex e outros agentes, baseando-se em scripts Python internos (scripts/) para auditoria, importação, alinhamento de áudio e pipeline de projeto. A skill prioriza a reutilização de materiais existentes (storyboard, estilos, ativos), evitando recriações desnecessárias, e segue convenções rigorosas de design visual para garantir clareza e precisão factual, sem adornos ou simplificações enganosas. O fluxo de trabalho é sequencial e contínuo: primeiro analisa o áudio, depois cria o storyboard semântico, produz ativos visuais vetoriais, alinha áudio e vídeo, e finalmente renderiza e entrega o MP4 junto com o projeto editável. O usuário não precisa configurar parâmetros técnicos; a skill toma decisões padrão (fundo branco, gráficos coloridos, 16:9) e só questiona em caso de conflitos substanciais ou entradas ausentes.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cxcx102498-eng/chenxi/tree/HEAD/article-audio-to-whiteboard-video

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Artigo + Áudio → Vídeo com Lousa Branca

Insira o artigo e a gravação de áudio; um vídeo completo e reproduzível será entregue. O design do material e a produção de vídeo são um fluxo contínuo interno a esta skill, sem que o usuário precise chamar outra skill ou escrever configurações técnicas. Padrão: chinês, fundo branco, traçados coloridos ou gráficos planos simples, 16:9, 1920×1080, 30fps; ajustável conforme especificações do usuário.

Entrada e Decisões Padrão

  • Preservar o artigo original e o áudio original. A gravação existente é a base temporal; não regravar, alterar a voz, adicionar música de fundo, acelerar, remover pausas ou cortar o final; ajustar apenas quando o usuário solicitar o contrário.
  • O artigo é responsável pela estrutura factual e explicativa; a gravação define a narração real e o ritmo. Primeiro, verifique a correspondência entre ambos: pontuação, leitura de números de capítulo e erros óbvios de digitação podem ser corrigidos diretamente; em caso de pequenos erros de fala na gravação, mantenha o áudio e registre a correção na legenda. Em caso de adições/exclusões substanciais, reordenação, conflitos de conclusão ou áudio incorreto, liste as diferenças específicas e pergunte apenas sobre o impacto no resultado final; continue a preparação visual (que não depende da resposta).
  • Não solicite confirmação do usuário sobre tomadas comuns, estilo ou escolhas técnicas. Inicie imediatamente quando o artigo e o áudio estiverem completos; pergunte apenas quando houver entrada ausente ou conflito substancial. Sem áudio, conclua a preparação do storyboard; não declare a tarefa concluída substituindo por nova narração ou vídeo mudo.
  • Caso existam storyboards, materiais ou projetos anteriores, leia seus editing-notes, style-lock e configuração real; preserve o conteúdo e os números aprovados. Ao modificar, refaça apenas as partes afetadas; não regere o conjunto completo de materiais.

Fluxo de Trabalho Contínuo

  1. Primeiro leia o áudio, depois faça o storyboard. Conforme execução e alinhamento, verifique o ambiente, a duração real decodificada e o hash; obtenha timestamps em nível de palavra ou timestamps de frase com base confiável; verifique o artigo. O mesmo áudio pode reutilizar transcrições correspondentes por hash; nomes de arquivo idênticos não são suficientes. Primeiro determine os segmentos de narração e pausas, depois decida o volume de informação visual.
  2. Transforme conhecimento em imagens. Leia design de imagens explicativas. Divida as cenas por semântica; cada cena deve ter um objetivo de compreensão claro e uma mudança significativa. Priorize ilustrações de cenário, diagramas de relacionamento, comparações de um mesmo caso e processos passo a passo; palavras-chave identificam objetos; a narração completa é entregue pelas legendas. Não crie imagens com base em um número fixo de figuras por minuto.
  3. Produza uma vez, reutilize continuamente. Conforme produção visual e materiais, crie uma imagem representativa de relacionamento ou processo; verifique o tamanho final de exibição e depois expanda. Texto e diagramas de relacionamento devem ser SVG editáveis; use ferramentas de geração de imagem apenas quando a expressividade baseada em bitmap for necessária. Estados contínuos compartilham coordenadas, proporções, personagens e cores. Salve a fonte editável, o PNG real e as áreas de destaque.
  4. Crie um projeto reconstruível. Conforme contrato de dados internos, gere a lista de materiais, storyboard e handoff; execute a auditoria de materiais; depois use pipeline.py init para verificar e importar o projeto formal de uma só vez. Não crie múltiplos projetos de pré-verificação ou ZIPs intermediários. Materiais, código-fonte, gravação e renderizador devem estar em projetos independentes.
  5. Unifique tempo de áudio e vídeo. Use align_audio.py align para gerar timestamps reais de cena, legenda e âncoras de destaque; o mesmo eixo temporal da renderização deve acionar a renderização e a saída de legendas. Em caso de falha de correspondência automática, primeiro veja o relatório de diferenças; não use estiramento geral ou redução de limiar para forçar a aprovação. Destaques de palavras-chave devem corresponder à narração real; estados contínuos proíbem fade-in repetido; cenas independentes podem ter um breve fade-in seguido de estabilização.
  6. Pré-visualize, renderize e entregue. Primeiro veja cenas representativas, estados inicial e final de grupos de processo, a legenda mais longa e áreas de destaque complexas; depois execute a renderização incremental, exportação e decodificação completa. Conforme verificação do vídeo final, examine quadros extraídos do MP4 final e a correspondência da faixa de áudio; corrija as cenas afetadas. Após a conclusão, forneça MP4, SRT/VTT e o projeto ZIP com código-fonte; não pare em pacote de materiais ou plano.

Convenções Obrigatórias

  • Preserve os fatos, a ordem, as qualificações e a narração aprovada do artigo original; não amplie, simplifique conclusões ou invente exemplos narrados para se adequar às imagens. Imagens auxiliares devem ser identificadas como ilustrativas; não se passa por capturas de tela reais, comportamento de produto ou evidência científica.
  • Use a mesma identidade visual para o mesmo conceito; setas devem ter significado. Aparecimento, conexão, revelação passo a passo e circulação devem corresponder à explicação; não use círculos decorativos no rosto, zoom contínuo ou cortes rápidos para disfarçar explicação insuficiente.
  • A imagem principal não deve conter título externo ou legenda completa. Rótulos de nós necessários na imagem devem manter texto editável; "gráfico plano + SVG fonte" não equivale a animação de camada arbitrária.
  • Por padrão, desative créditos de fonte e barras de descrição de imagem: show_source_credits=false, show_image_labels=false. Atribuição, licenças de fonte e fontes devem ser mantidos no arquivo do projeto; informações necessárias de tempo e local do conteúdo não devem ser removidas.
  • Cenas únicas single/compare/text e title/point/highlight/focus/reset/subtitle são capacidades básicas implementadas. Mudanças de estado passo a passo devem ser alternadas diretamente; não alegue movimento contínuo ou desenho traço a traço. Ações extras explicitamente solicitadas pelo usuário devem ser implementadas e verificadas na renderização.
  • Estimativas originais, diferenças de ASR e método de sincronização real devem ser registrados com precisão. Apenas a diferença de arredondamento de quadros no final do áudio é permitida para completar o vídeo; -shortest para cortar silenciosamente é proibido. Quando as legendas já são renderizadas pelo renderizador, não queime SRT novamente.

Recursos e Eficiência

scripts/ contém verificação de materiais, importação, alinhamento de áudio, pipeline de projeto, motor de renderização e fonte chinesa; não depende dos dois diretórios de skill originais. Detecte pacotes Python necessários, FFmpeg e navegador Chromium sob demanda; priorize reutilizar ambientes reais disponíveis; não copie ambientes virtuais para o pacote de entrega.

O estado intermediário permanece no projeto atual e pode ser retomado. Apenas cache transcrições correspondentes por hash de áudio e fragmentos de renderização correspondentes por hash de entrada e especificações aprovadas. Processe materiais e cenas independentes em paralelo; execute dependências explícitas sequencialmente; primeiro imagens representativas, depois produção em lote; após verificação bem-sucedida, evite renderizações completas desnecessárias.

Habilidades Relacionadas