Nos termos do próprio skill
Gera um deck de páginas em formato de apresentação com deslize horizontal como um único arquivo HTML autocontido, com fundos hero em WebGL, visão do apresentador, sincronização com a tela da audiência, notas do palestrante, divisores de capítulo, páginas de dados com números grandes e grades de imagens. Duas direções visuais mutuamente exclusivas: A, Revista Eletrônica x E-ink (títulos serifados, fundo fluido, tons quentes) e B, Estilo Suíço Internacional (tudo sem serifa, grade de 12 colunas, fundos com pontos de grade, um acento de alto contraste em IKB, amarelo-limão, verde-limão ou laranja de segurança).
As páginas de corpo do estilo B devem usar um dos 22 layouts registrados, S01-S22, marcados com data-layout. Para designers e desenvolvedores que produzem palestras, lançamentos e demo days e querem o deck finalizado em uma única passagem, sem ferramenta de slides.
O que ele produz
- Um deck HTML de arquivo único com passagem de página horizontal, entregue como um único documento autocontido com CSS, shader WebGL, JS de paginação e modo de apresentador já configurados.
- Um registro SPEAKER_NOTES gerado na mesma ordem dos valores data-slide-id dos slides, contendo campos de propósito, fala, transição e, opcionalmente, encenação.
- O outline, salvo como um arquivo markdown ao lado do deck para que iterações posteriores tenham algo em que se basear.
Como funciona
- 01Verifique Primeiro se Há Atualizações Upstream
A skill busca o repositório e conta o quanto o HEAD está atrás do upstream, depois pergunta ao usuário antes de puxar qualquer coisa.
- 02Alinhe Sete Perguntas Antes de Escrever
O estilo A ou B vem primeiro, depois público e ambiente, duração, material de origem, imagens ou capturas de tela, paleta de tema e restrições rígidas.
- 03Copie o Template Escolhido
Copie assets/template.html para o estilo A ou assets/template-swiss.html para o estilo B para o local do deck e crie a pasta de imagens correspondente.
- 04Verifique os Nomes de Classe Antes de Começar
Leia o bloco de estilo do template antes de escrever qualquer marcação de slide e verifique se cada classe usada está definida ali.
- 05Planeje o Ritmo do Tema Antes de Escolher Layouts
Escreva a classe de tema de cada página (hero dark, hero light, light, dark) e alinhe-a antes de escolher os layouts.
- 06Autoverifique Contra a Checklist
Após a geração, abra references/checklist.md e percorra item por item, depois execute os validadores e a pré-visualização no navegador.