Presentation Structure

• Vous avez besoin d'un agent pour ajouter, supprimer ou réorganiser des diapositives dans la présentation HTML et renuméroter correctement chaque attribut data-slide et chaque référence goToSlide() dans la table des matières.
• Vous souhaitez que l'agent crée de nouveaux séparateurs de section avec la classe section-slide correcte, l'attribut data-level et le contenu section-desc.
• Vous avez besoin que l'agent raisonne sur l'état de la barre de parcours — en sachant quelles diapositives affichent une barre vide, lesquelles héritent d'un niveau et lesquelles déclenchent une transition de niveau.
• Vous révisez ou auditez la structure de la présentation et souhaitez que l'agent détecte les écarts, les doublons ou les appels goToSlide() non concordants.

• Vous travaillez sur une présentation construite avec un framework différent (par exemple, Reveal.js, PowerPoint, Google Slides) — cette compétence est spécifique au format de fichier unique presentation/index.html.
• Vous avez uniquement besoin de modifier le contenu des diapositives (texte, images, diagrammes) sans toucher à la numérotation ou à la structure des diapositives — les règles structurelles de la compétence représentent alors une surcharge inutile.

La compétence encode les trois types de diapositives — les diapositives ordinaires, les diapositives de section de transition de niveau et la diapositive de titre — ainsi que les attributs HTML requis (data-slide, data-level, classes CSS). L'agent sait quels attributs sont obligatoires, lesquels sont facultatifs, et quels éléments (comme .level-badge) ne doivent pas être codés en dur dans le HTML.

Plutôt qu'un pourcentage cumulatif, la présentation utilise quatre niveaux distincts (low, medium, high, pro) correspondant à un remplissage de barre de 25 / 50 / 75 / 100 %. La compétence Presentation Structure capture précisément quelles plages de diapositives déclenchent chaque niveau, quelles diapositives héritent du niveau précédent, et que la barre est masquée sur la diapositive 1 et vide avant la première transition data-level.

Après toute modification structurelle, l'agent doit renuméroter tous les attributs data-slide séquentiellement à partir de 1, mettre à jour chaque appel goToSlide() dans la diapositive TOC/Journey Map, et vérifier qu'il n'existe ni lacune ni doublon. La compétence Presentation Structure indique que totalSlides est calculé automatiquement à partir du DOM et ne nécessite aucune mise à jour manuelle.

La compétence couvre la fonction goToSlide(n) utilisée dans les liens de la table des matières, la valeur totalSlides calculée automatiquement, ainsi que les méthodes de saisie prises en charge : touches fléchées, barre d'espace et balayage tactile. Cela permet à l'agent de vérifier que les liens de la table des matières restent cohérents après une renumérotation.

Les séparateurs de sections suivent un format précis : classe section-slide, attribut optionnel data-level, un paragraphe section-number, un titre <h1>, et un paragraphe section-desc indiquant le niveau. La compétence Presentation Structure permet à l'agent de connaître le balisage attendu dans son intégralité, afin que les sections nouvellement générées soient immédiatement valides.

Un utilisateur demande à l'agent d'insérer une nouvelle section « Partie 7 » après la diapositive 46. La compétence Presentation Structure indique à l'agent de créer un div section-slide avec le prochain numéro data-slide séquentiel, d'ajouter le data-level approprié, de renuméroter toutes les diapositives suivantes et de mettre à jour chaque appel goToSlide() dans la diapositive de table des matières.

L'agent analyse presentation/index.html à la recherche de lacunes ou de valeurs data-slide en double, et vérifie chaque appel goToSlide() par rapport aux numéros de diapositives réels, en signalant toute incohérence — une tâche entièrement prise en charge par les règles de renumérotation encodées dans cette compétence Presentation Structure.

Un utilisateur souhaite obtenir un récapitulatif indiquant quelles diapositives appartiennent à quel niveau de parcours. L'agent utilise le tableau des transitions de niveaux dans la compétence Presentation Structure pour produire un mappage précis des plages de diapositives, des valeurs data-level et des pourcentages de remplissage de la barre correspondants, sans avoir à lire l'intégralité du fichier HTML.

Lorsqu'on lui demande de créer une nouvelle diapositive, l'agent utilise les modèles HTML exacts fournis par cette compétence Presentation Structure — en sélectionnant la classe appropriée (title-slide, section-slide ou slide simple), en plaçant les attributs corrects, et en sachant qu'il faut omettre .level-badge du code HTML source, car celui-ci est injecté dynamiquement par JavaScript au moment de l'exécution.