HTML Slides

Animerade HTML-däck i en enda fil med viewport-låsta bilder och tangentbords-/peknavigation.

Af proyecto26 · proyecto26/slides-ai-plugin

Virker med opsætning ★ 8.4/10

HTML Slides — Animerade HTML-däck i en enda fil med viewport-låsta bilder och tangentbords-/peknavigation.

Hvad det gør

Genererar fristående HTML-presentationer i en enda fil med viewport-låsta bilder (100dvh, overflow:hidden), clamp()-baserad responsiv typ, CSS/GSAP-avslöjningsanimationer, tangentbords- och peknavigation samt ett utskriftsformat för PDF-export. Aktiveras vid förfrågningar om animerade HTML-däck, PPTX-till-HTML-konvertering eller webbpresentationer i en enda fil. De 'kurerade stilförinställningarna' som beskrivningen annonserar finns faktiskt i en systerfärdighetsmapp (slide-design) som en fristående installation av denna färdighet inte inkluderar.

Testrapport

Byggde samma 4-bilders 'Q3 Product Roadmap'-däck två gånger, en gång ignorerade färdigheten och en gång följde den strikt: färdighetsversionen ersatte baslinjens scrollbara kropp och lila-gradient-plus-Inter-utseende (ett anti-mönster som färdigheten uttryckligen nämner vid namn) med låsta 100dvh-sektioner, clamp()-typ, tangentbords-/peknavigation, en progressbar och stöd för föredragen reducerad rörelse som baslinjen saknade helt. Luckan: de 'kurerade stilförinställningarna' som utlovats i beskrivningen finns i en systerfärdighetsmapp som en fristående installation av html-slides aldrig drar in.

Testet: 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

Kommandoer og eksempelprompter

  • /html-slidesAnimerade HTML-däck i en enda fil med viewport-låsta bilder och tangentbords-/peknavigation.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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