Presentation Structure

• Você precisa que um agente adicione, remova ou reordene slides na apresentação HTML e renumere corretamente cada atributo data-slide e referência goToSlide() no sumário.
• Você quer que o agente crie novos divisores de seção com a classe section-slide correta, o atributo data-level e o texto de section-desc.
• Você precisa que o agente raciocine sobre o estado da barra de jornada — sabendo quais slides exibem uma barra vazia, quais herdam um nível e quais acionam uma transição de nível.
• Você está revisando ou auditando a estrutura da apresentação e quer que o agente detecte lacunas, duplicatas ou chamadas goToSlide() incompatíveis.

• Você está trabalhando em uma apresentação construída com um framework diferente (por exemplo, Reveal.js, PowerPoint, Google Slides) — esta skill é específica para o formato de arquivo único presentation/index.html.
• Você só precisa editar o conteúdo dos slides (texto, imagens, diagramas) sem mexer na numeração ou estrutura dos slides — as regras estruturais da skill são uma sobrecarga desnecessária nesse caso.

A skill codifica os três tipos de slides — slides regulares, slides de seção para transição de nível e o slide de título — juntamente com os atributos HTML obrigatórios (data-slide, data-level, classes CSS). O agente sabe quais atributos são obrigatórios, quais são opcionais e quais elementos (como .level-badge) não devem ser codificados diretamente no HTML.

Em vez de uma porcentagem cumulativa, a apresentação utiliza quatro níveis discretos (low, medium, high, pro) mapeados para 25 / 50 / 75 / 100% de preenchimento da barra. A skill registra exatamente quais intervalos de slides acionam cada nível, quais slides herdam o nível anterior, e que a barra fica oculta no slide 1 e vazia antes da primeira transição data-level.

Após qualquer edição estrutural, o agente deve renumerar todos os atributos data-slide sequencialmente a partir de 1, atualizar todas as chamadas goToSlide() no slide de Índice/Mapa de Jornada e verificar que não existem lacunas ou duplicatas. A skill Presentation Structure documenta que totalSlides é calculado automaticamente a partir do DOM e não requer atualização manual.

A skill aborda a função goToSlide(n) usada nos links do sumário, o valor totalSlides calculado automaticamente e os métodos de entrada suportados: teclas de seta, barra de espaço e toque deslizante. Isso permite que o agente valide que os links do sumário permaneçam consistentes após a renumeração.

Os divisores de seção seguem um formato preciso: classe section-slide, atributo opcional data-level, um parágrafo section-number, um título <h1> e um parágrafo section-desc indicando o nível. A skill Presentation Structure deixa o agente ciente de toda a marcação esperada, para que as seções recém-geradas sejam imediatamente válidas.

Um usuário pede ao agente para inserir uma nova seção "Parte 7" após o slide 46. A skill instrui o agente a criar uma div section-slide com o próximo número sequencial em data-slide, adicionar o data-level apropriado, renumerar todos os slides subsequentes e atualizar todas as chamadas goToSlide() no slide do sumário.

O agente analisa presentation/index.html em busca de lacunas ou valores duplicados em data-slide e verifica cada chamada goToSlide() em relação aos números de slide reais, reportando quaisquer inconsistências — uma tarefa totalmente suportada pelas regras de renumeração codificadas nesta skill Presentation Structure.

Um usuário deseja um resumo de quais slides pertencem a qual nível da jornada. O agente utiliza a tabela de transição de níveis na skill Presentation Structure para produzir um mapeamento preciso de intervalos de slides, valores de data-level e os respectivos percentuais de preenchimento da barra, sem precisar ler o arquivo HTML completo.

Quando solicitado a criar um novo slide do zero, o agente utiliza os templates HTML exatos desta skill — selecionando a classe correta (title-slide, section-slide ou slide simples), inserindo os atributos corretos e sabendo que deve omitir .level-badge do HTML fonte, pois ele é injetado via JS em tempo de execução.