HTML Slides

Diaporamas HTML animés en un seul fichier avec des diapositives verrouillées sur la fenêtre d'affichage et navigation clavier/tactile.

par proyecto26 · proyecto26/slides-ai-plugin

Fonctionne avec configuration ★ 8.4/10

HTML Slides — Diaporamas HTML animés en un seul fichier avec des diapositives verrouillées sur la fenêtre d'affichage et navigation clavier/tactile.

Ce que fait

Génère des présentations HTML autonomes en un seul fichier avec des diapositives verrouillées sur la fenêtre d'affichage (100dvh, overflow:hidden), une typographie réactive basée sur clamp(), des animations de révélation CSS/GSAP, une navigation clavier et tactile, et une feuille de style d'impression pour l'export PDF. Se déclenche sur les demandes de diaporamas HTML animés, de conversion PPTX-to-HTML ou de présentations web en un seul fichier. Les 'curated style presets' annoncés dans la description se trouvent en fait dans un dossier de compétence frère (slide-design) qu'une installation autonome de cette compétence n'inclut pas.

Rapport de test

J'ai construit le même diaporama de 4 diapositives 'Q3 Product Roadmap' deux fois, une fois en ignorant la compétence et une fois en la suivant strictement : la version de la compétence a remplacé le corps défilable et l'apparence dégradé violet-plus-Inter de la base de référence (un anti-pattern que la compétence nomme explicitement) par des sections 100dvh verrouillées, un type clamp(), une navigation clavier/tactile, une barre de progression et un support prefers-reduced-motion que la base de référence n'avait pas. Le manque : les 'curated style presets' promis dans la description se trouvent dans un dossier de compétence frère qu'une installation autonome de html-slides n'importe jamais.

Testé le: 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

Commandes et exemples de prompts

  • /html-slidesDiaporamas HTML animés en un seul fichier avec des diapositives verrouillées sur la fenêtre d'affichage et navigation clavier/tactile.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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