HTML Slides

Presentazioni HTML animate a file singolo con slide bloccate alla viewport e navigazione da tastiera/touch.

di proyecto26 · proyecto26/slides-ai-plugin

Richiede configurazione ★ 8.4/10

HTML Slides — Presentazioni HTML animate a file singolo con slide bloccate alla viewport e navigazione da tastiera/touch.

Cosa fa

Genera presentazioni HTML a file singolo e autonome con slide bloccate alla viewport (100dvh, overflow:hidden), tipo responsivo basato su clamp(), animazioni di rivelazione CSS/GSAP, navigazione da tastiera e touch, e un foglio di stile di stampa per l'esportazione PDF. Si attiva su richieste di presentazioni HTML animate, conversione PPTX-to-HTML o presentazioni web a file singolo. I 'preset di stile curati' pubblicizzati nella descrizione si trovano in realtà in una cartella skill sorella (slide-design) che un'installazione standalone di questa skill non include.

Rapporto di test

Ho costruito lo stesso deck di 4 slide 'Q3 Product Roadmap' due volte, una ignorando la skill e una seguendola strettamente: la versione della skill ha sostituito il corpo scorrevole e l'aspetto viola-sfumato-più-Inter della baseline (un anti-pattern che la skill denuncia esplicitamente per nome) con sezioni bloccate a 100dvh, tipo clamp(), navigazione da tastiera/touch, una barra di avanzamento e supporto prefers-reduced-motion che la baseline non aveva. La lacuna: i 'preset di stile curati' promessi nella descrizione si trovano in una cartella skill sorella che un'installazione standalone di html-slides non include mai.

Testato il: 2026-07-14 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

  • /html-slidesPresentazioni HTML animate a file singolo con slide bloccate alla viewport e navigazione da tastiera/touch.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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