HTML Slides

Ein-Datei animierte HTML-Decks mit viewport-locked slides und Tastatur-/Touch-Navigation.

von proyecto26 · proyecto26/slides-ai-plugin

Funktioniert mit Setup ★ 8.4/10

HTML Slides — Ein-Datei animierte HTML-Decks mit viewport-locked slides und Tastatur-/Touch-Navigation.

Was es kann

Generiert ein-Datei, self-contained HTML presentations mit viewport-locked slides (100dvh, overflow:hidden), clamp()-basiertem responsive type, CSS/GSAP reveal animations, keyboard und touch navigation und einem print stylesheet für den PDF export. Triggert bei Anfragen für animated HTML decks, PPTX-to-HTML conversion oder single-file web presentations. Die 'curated style presets', die die Beschreibung bewirbt, befinden sich tatsächlich in einem sibling skill folder (slide-design), den eine standalone install dieser skill nicht enthält.

Testbericht

Ich habe dasselbe 4-slide 'Q3 Product Roadmap' deck zweimal erstellt, einmal die skill ignorierend und einmal strikt befolgend: Die skill-Version ersetzte den scrollable body und den purple-gradient-plus-Inter look der baseline (ein anti-pattern, das die skill explizit beim Namen nennt) durch locked 100dvh sections, clamp() type, keyboard/touch navigation, einen progress bar und prefers-reduced-motion support, die die baseline nicht hatte. Die Lücke: Die 'curated style presets', die in der Beschreibung versprochen werden, befinden sich in einem sibling skill folder, den eine standalone install von html-slides nie einbezieht.

Getestet am: 2026-07-14 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/proyecto26/slides-ai-plugin
cd slides-ai-plugin
mkdir -p ~/.claude/skills
cp -r skills/html-slides ~/.claude/skills/html-slides

Befehle & Beispiel-Prompts

  • /html-slidesEin-Datei animierte HTML-Decks mit viewport-locked slides und Tastatur-/Touch-Navigation.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • Build a 4-slide roadmap deck as one animated HTML file
  • Make a keyboard-navigable slide deck for our Q3 review
  • I need a self-contained HTML presentation with slide transitions