HTML Slides
Enfiliga animerade HTML-däck med viewport-låsta bilder och tangentbords-/peknavigation.
Fungerar med konfiguration
Vad den gör
Genererar enfiliga, fristående HTML-presentationer med viewport-låsta bilder (100dvh, overflow:hidden), clamp()-baserad responsiv typ, CSS/GSAP avslöjningsanimationer, tangentbords- och peknavigation, och ett utskrifts-stylesheet för PDF-export. Aktiveras vid förfrågningar om animerade HTML-däck, PPTX-till-HTML-konvertering, eller enfiliga webbpresentationer. 'Kurerade stilförinställningar' som beskrivningen annonserar lever 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 framstegsmätare och föredrar-reducerad-rörelse-stöd som baslinjen saknade helt. Luckan: 'kurerade stilförinställningar' som lovas i beskrivningen lever i en systerfärdighetsmapp som en fristående installation av html-slides aldrig drar in.
Testad: 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
Kommandon och exempelprompter
/html-slidesEnfiliga animerade HTML-däck med viewport-låsta bilder och tangentbords-/peknavigation.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
Build a 4-slide roadmap deck as one animated HTML fileMake a keyboard-navigable slide deck for our Q3 reviewI need a self-contained HTML presentation with slide transitions