Presentation Structure

• Du behöver en agent som lägger till, tar bort eller ordnar om bilder i HTML-presentationen och korrekt omnumrerar varje data-slide-attribut och goToSlide()-referens i innehållsförteckningen.
• Du vill att agenten ska skapa nya sektionsavdelare med rätt section-slide-klass, data-level-attribut och section-desc-text.
• Du behöver att agenten resonerar kring journey bar-tillstånd — och vet vilka bilder som visar en tom stapel, vilka som ärver en nivå och vilka som utlöser en nivåövergång.
• Du granskar eller reviderar presentationsstrukturen och vill att agenten ska upptäcka luckor, dubbletter eller felmatchade goToSlide()-anrop.

• Du arbetar med en presentation byggd med ett annat ramverk (t.ex. Reveal.js, PowerPoint, Google Slides) — den här färdigheten är specifik för presentation/index.html-formatet med en enda fil.
• Du behöver bara redigera innehållet på bilderna (text, bilder, diagram) utan att röra bildnumrering eller struktur — färdighetens strukturregler är onödig overhead i det fallet.

Färdigheten kodar in de tre bildtyperna — vanliga bilder, nivåövergångs-sektionsbilder och titelbilden — tillsammans med de obligatoriska HTML-attributen (data-slide, data-level, CSS-klasser). Agenten vet vilka attribut som är obligatoriska, vilka som är valfria och vilka element (som .level-badge) som inte får hårdkodas i HTML.

Istället för en kumulativ procentsats använder presentationen fyra diskreta nivåer (low, medium, high, pro) mappade till 25 / 50 / 75 / 100 % fyllning av indikatorn. Skill:en fångar exakt vilka bildintervall som utlöser varje nivå, vilka bilder som ärver föregående nivå, samt att indikatorn är dold på bild 1 och tom innan den första data-level-övergången.

Efter varje strukturell redigering måste agenten omnumrera alla data-slide-attribut sekventiellt från 1, uppdatera varje goToSlide()-anrop i innehållsförtecknings-/färdkartsbilden samt verifiera att inga luckor eller dubbletter förekommer. Presentation Structure dokumenterar att totalSlides beräknas automatiskt från DOM:en och inte kräver någon manuell uppdatering.

Färdigheten täcker funktionen goToSlide(n) som används i innehållsförteckningslänkar, det automatiskt beräknade värdet totalSlides, samt de inmatningsmetoder som stöds: piltangenter, mellanslagstangenten och svepgester på pekskärm. Detta gör det möjligt för agenten att validera att innehållsförteckningslänkarna förblir konsekventa efter omnumrering.

Avsnittsavdelare följer ett exakt format: klassen section-slide, valfritt data-level, ett stycke med section-number, en <h1>-rubrik och ett stycke med section-desc som anger nivån. Färdigheten Presentation Structure gör agenten medveten om hela den förväntade markeringen så att nyligen genererade avsnitt omedelbart är giltiga.

En användare ber agenten att infoga ett nytt avsnitt "Del 7" efter bild 46. Presentation Structure instruerar agenten att skapa en section-slide-div med nästa sekventiella data-slide-nummer, lägga till lämplig data-level, omnumrera alla efterföljande bilder samt uppdatera varje goToSlide()-anrop i innehållsförteckningsbilden.

Agenten söker igenom presentation/index.html efter luckor eller dubbletter av data-slide-värden och kontrollerar varje goToSlide()-anrop mot faktiska bildnummer, och rapporterar eventuella avvikelser — en uppgift som fullt ut stöds av omnumreringsreglerna som är kodade i Presentation Structure.

En användare vill ha en sammanfattning av vilka bilder som tillhör vilken Journey-nivå. Agenten använder nivåövergångstabellen i Presentation Structure för att skapa en exakt mappning av bildintervall, data-level-värden och motsvarande fyllnadsprocent för fältet – utan att läsa hela HTML-filen.

När agenten ombeds att bygga upp en ny bild använder den de exakta HTML-mallarna från denna skill — väljer rätt klass (title-slide, section-slide eller vanlig slide), placerar korrekta attribut och vet att .level-badge ska utelämnas från käll-HTML:en eftersom den injiceras av JS vid körning.