Communitygithub.com

skmygo/web-video2

Transforma artigos/scripts de narração em apresentações web interativas 16:9, acionadas por clique, usando Claude.

O que é web-video2?

Esta skill permite que você converta artigos, scripts de narração (口播稿) ou qualquer texto estruturado em apresentações web interativas no formato 16:9, que avançam por cliques do usuário. É ideal para criar demonstrações, pitch decks, vídeos interativos ou slides web sem precisar de ferramentas complexas de edição. A skill usa o poder do Claude para estruturar o conteúdo e gerar código HTML/CSS/JS, resultando em uma página web autônoma que funciona em qualquer navegador. Ela é especialmente útil para desenvolvedores, criadores de conteúdo, e profissionais de marketing que desejam transformar rapidamente texto em uma experiência visual envolvente e responsiva, suportando desde artigos longos até roteiros completos.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add skmygo/web-video2

Perguntar na sua IA favorita

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

Documentação

O que web-video2 faz?

Transforma artigos/scripts de narração em apresentações web interativas 16:9, acionadas por clique, usando Claude.

Descrição

Esta skill foi projetada para pegar um artigo, script de narração (口播稿) ou qualquer conteúdo textual e convertê-lo em uma página web interativa no formato 16:9. A navegação é feita por cliques, permitindo que o usuário avance pelos slides ou seções da apresentação. O resultado é uma demonstração web limpa e responsiva, ideal para compartilhamento ou incorporação.

Como usar

  1. Forneça o texto do artigo ou script de narração.
  2. A skill irá analisar o conteúdo e identificar as principais seções ou etapas.
  3. Será gerado um arquivo HTML completo (com CSS e JS embutidos) que representa a apresentação interativa 16:9.
  4. Você pode abrir o arquivo HTML em qualquer navegador para visualizar e testar a demonstração.

Exemplo

Entrada:

Narração sobre o lançamento do novo produto X:
- Slide 1: O problema que resolvemos
- Slide 2: A solução inovadora
- Slide 3: Como funciona na prática
- Slide 4: Depoimentos de clientes
- Slide 5: Chamada para ação

Saída: Uma página web interativa 16:9 com transições suaves entre os slides ao clicar, contendo texto, ícones e layout responsivo.

Requisitos

  • Claude (qualquer versão que suporte skills)
  • Navegador web moderno para exibir o resultado

Observações

  • O design gerado é responsivo e adaptável a diferentes telas.
  • A navegação é puramente por clique (não automática), dando controle total ao usuário.
  • O código gerado é autocontido (single-file HTML), facilitando o compartilhamento.

Habilidades Relacionadas