Slidev

Slidev-syntaksreferanse for utviklere — layouter, kodeanimasjoner, eksport, live-verifisert.

av antfu · antfu/skills

Bestått ★ 9.6/10

Slidev — Slidev-syntaksreferanse for utviklere — layouter, kodeanimasjoner, eksport, live-verifisert.

Hva den gjør

Slidev gjør Markdown om til nettbaserte, kodevennlige presentasjoner (Vite + Vue), og dette skillet pakker 52 referansefiler som dekker slide-syntaks, layouter, klikkanimasjoner, Monaco/magic-move-kodedemoer, Mermaid/PlantUML/LaTeX, og PDF/PPTX/PNG-eksport, generert fra Slidevs egen dokumentasjon. Bruk det til konferanseforedrag, kodegjennomganger og undervisningspresentasjoner med live kode og klikkbasert utheving.

Testrapport

Bygde live både en naiv basispresentasjon og en skill-veiledet en med den ekte @slidev/cli: basisversjonens gjettede `layout: two-column` ble flagget av Slidevs egen build som en ukjent layout, og `:::right:::`-slotsyntaksen ble kompilert til et ugyldig Vue-slotnavn som stille dropper innholdet i høyrekolonnen — skillets eksakte `two-cols` / `::right::`-syntaks bygde rent uten advarsler og med en ekte `col-right`-slot.

Testet på: 2026-07-13 · Claude Code 2.x (agent harness)

Installer

git clone https://github.com/antfu/skills
cd skills
mkdir -p ~/.claude/skills
cp -r skills/slidev ~/.claude/skills/slidev

Kommandoer og eksempelprompter

  • /slidevSlidev-syntaksreferanse for utviklere — layouter, kodeanimasjoner, eksport, live-verifisert.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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