Slidev

Ściąga ze składni Slidev dla developerów — layouty, animacje kodu, eksporty, zweryfikowana na żywo.

Autor: antfu · antfu/skills

Testowano · Działa ★ 9.6/10

Slidev — Ściąga ze składni Slidev dla developerów — layouty, animacje kodu, eksporty, zweryfikowana na żywo.

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 demos
  • I need presentation slides with click-based code highlighting for my talk
  • Turn my lecture notes into a code-heavy teaching deck with animations