In den eigenen Worten des Skills
Erzeugt ein horizontal wischbares Webpage-Deck als einzelne in sich geschlossene HTML-Datei mit WebGL-Hero-Hintergründen, Presenter View, Bildschirm-Synchronisation für das Publikum, Sprechernotizen, Kapitel-Trennseiten, Big-Number-Datenseiten und Bildrastern. Zwei sich gegenseitig ausschließende visuelle Richtungen: A, Electronic Magazine x E-ink (serifenbetonte Überschriften, fließender Hintergrund, warme Töne) und B, Swiss International Style (durchgehend serifenlos, 12-Spalten-Raster, Grid-Dot-Hintergründe, ein kontrastreicher Akzent aus IKB, Zitronengelb, Zitronengrün oder Safety Orange).
Body-Seiten im Stil B müssen eines von 22 registrierten Layouts, S01–S22, verwenden, gekennzeichnet mit data-layout. Für Designerinnen und Entwickler, die Talks, Launches und Demo-Days erstellen und das Deck in einem Durchgang fertigstellen wollen, ohne ein Slide-Tool.
Was er erzeugt
- Ein Single-File-HTML-Deck mit horizontalem Seitenwechsel, geliefert als ein einzelnes in sich geschlossenes Dokument mit CSS, WebGL-Shader, Paging-JS und bereits verdrahtetem Presenter-Modus.
- Ein SPEAKER_NOTES-Datensatz, erzeugt in derselben Reihenfolge wie die data-slide-id-Werte der Folien, mit Feldern für Zweck, Talk, Übergang und optionaler Inszenierung.
- Das Outline, als Markdown-Datei neben dem Deck gespeichert, damit spätere Iterationen darauf aufbauen können.
So funktioniert es
- 01Zuerst auf Updates upstream prüfen
Die Skill ruft das Repo ab und zählt, wie weit HEAD hinter upstream liegt, und fragt den Nutzer, bevor sie irgendetwas zieht.
- 02Vor dem Schreiben auf sieben Fragen einigen
Zuerst wird Stil A oder B festgelegt, dann Zielgruppe und Setting, Dauer, Ausgangsmaterial, Bilder oder Screenshots, Themenpalette und feste Vorgaben.
- 03Die gewählte Vorlage kopieren
Kopieren Sie assets/template.html für Stil A oder assets/template-swiss.html für Stil B an den Speicherort des Decks und legen Sie den zugehörigen images-Ordner daneben an.
- 04Klassennamen vorab prüfen
Lesen Sie den Style-Block der Vorlage, bevor Sie Folien-Markup schreiben, und prüfen Sie, dass jede verwendete Klasse dort definiert ist.
- 05Themen-Rhythmus vor der Layout-Wahl planen
Notieren Sie die Theme-Klasse jeder Seite (Hero dunkel, Hero hell, hell, dunkel) und stimmen Sie diese ab, bevor Sie Layouts auswählen.
- 06Gegen die Checkliste selbst prüfen
Öffnen Sie nach der Generierung references/checklist.md, gehen Sie sie Punkt für Punkt durch und führen Sie dann die Validatoren und die Browser-Vorschau aus.