Slidev
Ściąga ze składni Slidev dla developerów — layouty, animacje kodu, eksporty, zweryfikowana na żywo.
Testowano · Działa
Co robi ten skill
Slidev zamienia Markdown w internetowe, przyjazne kodowi prezentacje (Vite + Vue), a ten skill zawiera 52 pliki referencyjne opisujące składnię slajdów, layouty, animacje sterowane kliknięciem, dema kodu Monaco/magic-move, Mermaid/PlantUML/LaTeX oraz eksport do PDF/PPTX/PNG — wygenerowane bezpośrednio z dokumentacji Slidev. Warto go użyć do prezentacji konferencyjnych, przeglądów kodu i materiałów dydaktycznych z żywym kodem i podświetlaniem sterowanym kliknięciami.
Raport z testu
Zbudowano na żywo dwie prezentacje przy użyciu prawdziwego @slidev/cli — naiwny baseline i wersję prowadzoną przez skill: zgadnięty przez baseline `layout: two-column` został oznaczony przez sam build Slidev jako nieznany layout, a jego składnia slotu `:::right:::` skompilowała się do nieprawidłowej nazwy slotu Vue, która po cichu gubi zawartość prawej kolumny — dokładna składnia skilla `two-cols` / `::right::` zbudowała się bez ostrzeżeń, z prawdziwym slotem `col-right`.
Testowano: 2026-07-13 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/antfu/skills cd skills mkdir -p ~/.claude/skills cp -r skills/slidev ~/.claude/skills/slidev
Komendy i przykładowe prompty
/slidevŚciąga ze składni Slidev dla developerów — layouty, animacje kodu, eksporty, zweryfikowana na żywo.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
Help me build a slide deck for my conference talk with live code demosI need presentation slides with click-based code highlighting for my talkTurn my lecture notes into a code-heavy teaching deck with animations