HTML PPT Skill: Decks und Presenter-Ansicht mit statischem HTML

Für wen

Wenn ein Agent ein HTML-Deck erzeugen soll, das du direkt öffnen kannst, statt eine weitere Packaging-Toolchain zu gehen, passt dieses AgentSkill besser. Es zielt auf professionelle HTML-Decks: Themes, Volldeck-Templates, Einzelseiten-Layouts, Animation und einen Presenter-Modus mit Vorschau, Sprechtext und Timer. Das Ergebnis ist reines statisches HTML/CSS/JS ohne Build-Schritt.

Du brauchst eine Agent-Runtime, die AgentSkills unterstützt, und akzeptierst, den Skill mit npx zu registrieren. Wer nur selbst ein paar HTML-Seiten schreiben und keinen Agenten schreiben lassen will, hat begrenzten Nutzen. Chinesische Hinweise:

https://github.com/lewislulu/html-ppt-skill/blob/main/README.zh-CN.md

Die Seite schreibt die Lizenz auch als MIT. Sie schreibt kein Chat-Produkt als einzigen Client, also keine Grenze erfinden, dass es nur in einem Haus geht.

Ersten Versuch in 3 Minuten abschließen

Der offizielle Installationsbefehl ist nur dieser:

npx skills add https://github.com/lewislulu/html-ppt-skill

Er registriert den Skill in deiner Agent-Runtime. Das ändert die Skill-Liste der Runtime; es ist keine Nur-Lese-Ansicht. Zuerst bestätigen, dass dieser Rechner npx hat und das die Umgebung ist, in die geschrieben werden soll, dann ausführen.

Nach der Installation eine risikoarme Probe: einen Agenten mit AgentSkills eine möglichst kurze statische HTML-Deck erzeugen lassen. Vor dem Schreiben den Pfad und die Seitenzahl sagen lassen; du nickst, dann Schreiben auf die Platte erlauben. Erfolg hat zwei Schichten: HTML man direkt im Browser öffnen kann, ohne Build-Schritt dazwischen; nach dem Öffnen S drücken und ein eigenes Presenter-Fenster erscheint. Beginnt der Agent, dein bestehendes Site-Projekt zu ändern oder Build-Skripte anzuhängen, zuerst stoppen.

Die Seite schreibt, nach der Installation könne man “by asking things like” fortfahren, aber dieser Auszug gibt keinen konkreten Fragesatz. Also beim ersten Mal kein Phrasen-Set erfinden; nur «kurz, statisch, öffenbar, zuerst den Pfad bestätigen» verlangen.

Anwendungsfälle

Fall 1: Den Agenten ein Deck nach Theme und Layout machen lassen. Die Seite gibt den Umfang als 36 Themes, 15 Volldeck-Templates, 31 Einzelseiten-Layouts, Ressourcen in assets/themes/*.css, templates/full-decks/<name>/, templates/single-page/*.html. Animation sind 27 CSS-Animationen plus 20 canvas FX. Der Auszug schreibt nicht jeden Theme-Namen und nicht, wie der Agent ein Template wählt. Verlangen kannst du: ein statisches HTML-Deck erzeugen und diese fertigen Ressourcen möglichst wiederverwenden. Aus diesem Material kannst du nicht «muss einen nie geschriebenen Theme-Namen nutzen» festlegen. Vor der Erzeugung den Ausgabepfad trotzdem bestätigen.

Fall 2: Presenter-Modus prüfen. Nach dem Öffnen eines fertigen Decks erscheint mit S ein eigenes Presenter-Fenster mit vier magnetischen Karten zum Ziehen und Skalieren: aktuelle Seite, Vorschau der nächsten, Sprechtext, Timer. Die zwei Fenster bleiben über BroadcastChannel synchron. Die Seite schreibt keine Browser-Namensliste und nicht, was ohne zweites Fenster zu tun ist. Abnahme sieht nur: nach S erscheinen die vier Blöcke oben, und Vorschau und Notizen folgen beim Umblättern. Den Agenten in diesem Schritt das HTML nicht weiter ändern lassen.

Nutzungsgrenzen

Zahlen folgen der Tabellenseite: Themes 36, Volldeck-Templates 15, Einzelseiten-Layouts 31, CSS-Animationen 27, canvas FX 20. Diese Zählungen nicht mit möglicherweise älteren Zahlen aus dem Repository-Titel ändern. Pfade stehen auf Verzeichnisebene; es gibt kein vollständiges Dateiinventar.

Installationsweg ist das npx skills add oben. Es gibt keinen zweiten Installer daneben. Nach der Registrierung ist nur eine Runtime, die AgentSkills unterstützt, als fähig geschrieben, Decks zu machen; Tools ohne diesen Standard nicht als schon nutzbar annehmen.

Ein fertiges File hat keinen Build-Schritt, das ist nicht dasselbe wie nie auf die Platte zu schreiben. Beim ersten Mal eine statische Datei von einer Seite oder wenigen Seiten fertigmachen und mit S das Presenter-Fenster prüfen. Jede Aktion, die ein vorhandenes Deck überschreiben, Dutzende Seiten stapelweise erzeugen oder einen externen Build einbringen würde, muss zuerst den Agenten die zu ändernden Dateien hersagen lassen; du bestätigst, dann weiter.