Kodiert Folienformat, stufenbasierte Journey-Leiste, Navigationsregeln und Abschnittsstruktur für eine Einzeldatei-HTML-Präsentation.
npx clawhub@latest install presentation-structureDie Presentation Structure Skill vermittelt einem KI-Agenten fundiertes Wissen darüber, wie eine bestimmte HTML-Präsentation in einer einzigen Datei (presentation/index.html) aufgebaut und gepflegt wird. Sie umfasst das data-slide-Nummerierungsformat der Folien, das 4-stufige Journey-Bar-System, Tastatur- und Touch-Navigation, Konventionen für Abschnittstrennfolien sowie die Regeln für das sichere Umnummerieren von Folien nach Bearbeitungen. Installiere diesen Skill, wenn ein Agent Folien lesen, bearbeiten oder generieren soll, die der Architektur dieser Präsentation entsprechen, ohne die Navigation oder die Fortschrittsanzeige zu beeinträchtigen.
npx clawhub@latest install presentation-structureKlicke oben auf der Seite auf Installieren für die Ein-Klick-Einrichtung
data-slide-Attribut sowie jeden goToSlide()-Verweis im Inhaltsverzeichnis korrekt umnummeriert.section-slide, dem Attribut data-level und dem zugehörigen section-desc-Text.goToSlide()-Aufrufe erkennt.presentation/index.html-Einzeldateiformat.Die Fähigkeit kodiert die drei Folientypen — reguläre Folien, Abschnittsfolien für Levelübergänge und die Titelfolie — zusammen mit den erforderlichen HTML-Attributen (data-slide, data-level, CSS-Klassen). Der Agent weiß, welche Attribute obligatorisch sind, welche optional sind und welche Elemente (wie .level-badge) nicht fest im HTML kodiert werden dürfen.
Anstelle eines kumulativen Prozentsatzes verwendet die Präsentation vier diskrete Stufen (low, medium, high, pro), die einer Balkenfüllung von 25 / 50 / 75 / 100 % zugeordnet sind. Der Skill erfasst genau, welche Folienbereiche welche Stufe auslösen, welche Folien die vorherige Stufe übernehmen, und dass der Balken auf Folie 1 ausgeblendet und vor dem ersten data-level-Übergang leer ist.
Nach jeder strukturellen Bearbeitung muss der Agent alle data-slide-Attribute sequenziell ab 1 neu nummerieren, jeden goToSlide()-Aufruf in der Inhaltsverzeichnis-/Journey-Map-Folie aktualisieren und sicherstellen, dass keine Lücken oder Duplikate vorhanden sind. Presentation Structure dokumentiert, dass totalSlides automatisch aus dem DOM berechnet wird und keine manuelle Aktualisierung erfordert.
Die Fertigkeit behandelt die Funktion goToSlide(n), die in Inhaltsverzeichnis-Links verwendet wird, den automatisch berechneten Wert totalSlides sowie die unterstützten Eingabemethoden: Pfeiltasten, Leertaste und Touch-Wischen. Dies ermöglicht es dem Agenten, zu überprüfen, ob die Inhaltsverzeichnis-Links nach einer Neunummerierung konsistent bleiben.
Abschnittstrenner folgen einem präzisen Format: Klasse section-slide, optionales data-level, ein Absatz section-number, ein <h1>-Titel und ein Absatz section-desc, der die Ebene benennt. Die Fertigkeit Presentation Structure macht den Agenten mit dem vollständigen erwarteten Markup vertraut, sodass neu generierte Abschnitte sofort gültig sind.
Ein Benutzer bittet den Agenten, einen neuen Abschnitt „Teil 7" nach Folie 46 einzufügen. Presentation Structure weist den Agenten an, ein section-slide-Div mit der nächsten fortlaufenden data-slide-Nummer zu erstellen, das entsprechende data-level hinzuzufügen, alle nachfolgenden Folien neu zu nummerieren und jeden goToSlide()-Aufruf in der Inhaltsverzeichnis-Folie zu aktualisieren.
Der Agent durchsucht presentation/index.html nach Lücken oder doppelten data-slide-Werten und gleicht jeden goToSlide()-Aufruf mit den tatsächlichen Foliennummern ab, wobei alle Abweichungen gemeldet werden – eine Aufgabe, die vollständig durch die in dieser Presentation Structure-Skill kodierten Umnummerierungsregeln unterstützt wird.
Ein Benutzer möchte eine Übersicht darüber, welche Folien zu welcher Journey-Ebene gehören. Der Agent verwendet die Ebenenübergangstabelle in der Skill-Funktion von Presentation Structure, um eine genaue Zuordnung von Folienbereichen, data-level-Werten und den entsprechenden Füllprozentsätzen der Leiste zu erstellen – ohne die gesamte HTML-Datei lesen zu müssen.
Wenn der Agent aufgefordert wird, eine neue Folie zu erstellen, verwendet er die exakten HTML-Vorlagen aus dieser Presentation Structure-Fähigkeit — er wählt die richtige Klasse (title-slide, section-slide oder einfaches slide), setzt die korrekten Attribute und weiß, dass .level-badge aus dem Quell-HTML weggelassen werden muss, da es zur Laufzeit per JS injiziert wird.
npx clawhub@latest install presentation-structureAnmelden, um eine Bewertung zu schreiben
Noch keine Bewertungen. Sei der Erste, der seine Erfahrungen teilt!