Communitygithub.com

conardli/web-video-presentation

Transforme um artigo ou roteiro de locução em uma apresentação web 16:9 acionada por clique que "parece um vídeo", com opção de sintetizar áudio de locução.

O que é web-video-presentation?

Este skill permite que desenvolvedores e criadores de conteúdo convertam artigos ou roteiros de locução em apresentações web interativas no formato 16:9, que visualmente se assemelham a vídeos, mas são conduzidas por cliques do usuário. O fluxo de trabalho começa com a geração de um roteiro de locução e um outline de desenvolvimento a partir do material original. Em seguida, o usuário alinha cinco aspectos-chave (roteiro, outline, tema, materiais de mídia e modo de desenvolvimento). O desenvolvimento é feito capítulo por capítulo, de forma sequencial ou paralela, seguindo os princípios PRINCIPLES + ANTI-AI para design de animações, que são criadas no momento. A apresentação avança um 'batida' do roteiro por clique, com cada etapa ocupando a tela inteira e uma barra de progresso que só aparece ao passar o mouse. O skill é agnóstico em relação a provedores de TTS (suporta MiniMax, OpenAI, ElevenLabs, edge-tts, Azure e outros) e não impõe estilos visuais específicos, sendo reutilizável em qualquer tema ou estética. É ideal para criar tutoriais em vídeo para Bilibili, YouTube ou WeChat Video, demos de produtos com sensação cinematográfica ou apresentações interativas que se parecem com vídeos, mas não são PPTs.

Funciona com~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/conardli/garden-skills/tree/main/skills/web-video-presentation

Perguntar na sua IA favorita

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

Documentação

O que web-video-presentation faz?

Transforme um artigo ou roteiro de locução em uma apresentação web 16:9 acionada por clique que "parece um vídeo", com opção de sintetizar áudio de locução. Fluxo: artigo original → produção única de roteiro de locução + plano de desenvolvimento (outline) → usuário alinha de uma vez 5 itens (roteiro / outline / tema / materiais / modo de desenvolvimento) → desenvolvimento web (capítulo a capítulo / sequencial / paralelo) → síntese de áudio opcional (agnóstico a provedores: MiniMax mmx-cli integrado + OpenAI TTS, substituível por ElevenLabs / edge-tts / Azure / TTS próprio). O outline planeja apenas ritmo e densidade de informação, não animações — as animações são projetadas no momento do desenvolvimento do capítulo, seguindo os princípios PRINCIPLES + ANTI-AI. Cada clique avança uma batida do roteiro de locução, cada etapa ocupa a tela inteira, a barra de progresso fica oculta normalmente e só aparece ao passar o mouse. Cenários de uso: criar vídeos com páginas web (PPT dinâmico, mas que não parece PPT), transformar roteiros de locução / artigos em narrações interativas, fazer tutoriais gravados para Bilibili / YouTube / WeChat Video, criar demos de produtos ou talks com estética cinematográfica. Este skill consolida metodologia de design + fluxo de colaboração — não está vinculado a nenhum estilo / fonte / cor específicos — portanto, pode ser reutilizado em qualquer tema e estética.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Habilidades Relacionadas