Presentation Structure

• U heeft een agent nodig om dia's toe te voegen, te verwijderen of te herordenen in de HTML-presentatie en elk data-slide-attribuut en elke goToSlide()-verwijzing in de inhoudsopgave correct opnieuw te nummeren.
• U wilt dat de agent nieuwe sectieovergangen aanmaakt met de juiste section-slide-klasse, het data-level-attribuut en de section-desc-tekst.
• U heeft de agent nodig om te redeneren over de toestand van de journey bar — met kennis van welke dia's een lege balk tonen, welke een niveau overnemen en welke een niveauovergang activeren.
• U bekijkt of controleert de presentatiestructuur en wilt dat de agent hiaten, duplicaten of niet-overeenkomende goToSlide()-aanroepen detecteert.

• Je werkt aan een presentatie die is gebouwd met een ander framework (bijv. Reveal.js, PowerPoint, Google Slides) — deze skill is specifiek voor het presentation/index.html single-file formaat.
• Je hoeft alleen de inhoud van dia's te bewerken (tekst, afbeeldingen, diagrammen) zonder de nummering of structuur van dia's aan te passen — de structuurregels van de skill zijn in dat geval onnodige overhead.

De vaardigheid codeert de drie diatypen — gewone dia's, sectiedia's voor niveauovergangen en de titeldia — samen met de vereiste HTML-attributen (data-slide, data-level, CSS-klassen). De agent weet welke attributen verplicht zijn, welke optioneel zijn en welke elementen (zoals .level-badge) niet hardgecodeerd mogen worden in HTML.

In plaats van een cumulatief percentage gebruikt de presentatie vier afzonderlijke niveaus (low, medium, high, pro) die zijn gekoppeld aan een balkopvulling van 25 / 50 / 75 / 100%. De Presentation Structure-vaardigheid legt exact vast welke diasekties elk niveau activeren, welke dia's het vorige niveau overnemen, en dat de balk verborgen is op dia 1 en leeg is vóór de eerste data-level-overgang.

Na elke structurele bewerking moet de agent alle data-slide-attributen opeenvolgend hernummeren vanaf 1, elke goToSlide()-aanroep in de inhoudsopgave/Journey Map-dia bijwerken en verifiëren dat er geen hiaten of duplicaten bestaan. De vaardigheid Presentation Structure documenteert dat totalSlides automatisch wordt berekend vanuit de DOM en geen handmatige update vereist.

De vaardigheid behandelt de functie goToSlide(n) die wordt gebruikt in inhoudsopgavelinks, de automatisch berekende waarde totalSlides, en de ondersteunde invoermethoden: pijltoetsen, spatiebalk en aanraakveeg. Dit stelt de agent in staat om te valideren dat inhoudsopgavelinks consistent blijven na hernummering.

Sectieverdelers volgen een nauwkeurig formaat: de klasse section-slide, een optioneel data-level-attribuut, een paragraaf section-number, een <h1>-titel en een paragraaf section-desc die het niveau benoemt. De vaardigheid Presentation Structure maakt de agent bewust van de volledige verwachte opmaak, zodat nieuw gegenereerde secties direct geldig zijn.

Een gebruiker vraagt de agent om een nieuwe sectie "Part 7" in te voegen na dia 46. De Presentation Structure skill instrueert de agent om een section-slide div aan te maken met het volgende opeenvolgende data-slide nummer, de juiste data-level toe te voegen, alle volgende dia's opnieuw te nummeren en elke goToSlide() aanroep in de inhoudsopgave-dia bij te werken.

De agent scant presentation/index.html op hiaten of dubbele data-slide-waarden en vergelijkt elke goToSlide()-aanroep met de werkelijke dianummers, waarbij eventuele afwijkingen worden gerapporteerd — een taak die volledig wordt ondersteund door de hernummeringsregels die zijn vastgelegd in deze Presentation Structure-vaardigheid.

Een gebruiker wil een overzicht van welke dia's bij welk journey-niveau horen. De agent gebruikt de niveau-overgangstabel in de Presentation Structure-skill om een nauwkeurige koppeling te maken van dia-bereiken, data-level-waarden en bijbehorende balkopvulpercentages, zonder het volledige HTML-bestand te hoeven lezen.

Wanneer de agent wordt gevraagd een nieuwe dia te maken, gebruikt hij de exacte HTML-sjablonen uit deze vaardigheid — door de juiste klasse te selecteren (title-slide, section-slide of gewone slide), de juiste attributen te plaatsen, en door .level-badge weg te laten uit de bron-HTML, omdat dit tijdens runtime via JS wordt ingevoegd.