Slidev

Slidev-syntaksreference til udviklere — layouts, kodeanimationer, eksport, live-verificeret.

Af antfu · antfu/skills

Testet · Virker ★ 9.6/10

Slidev — Slidev-syntaksreference til udviklere — layouts, kodeanimationer, eksport, live-verificeret.

Hvad det gør

Slidev omdanner Markdown til webbaserede, kodevenlige slideshows (Vite + Vue), og dette skill samler 52 referencefiler, der dækker slide-syntaks, layouts, klik-animationer, Monaco/magic-move-kodedemoer, Mermaid/PlantUML/LaTeX og eksport til PDF/PPTX/PNG, genereret ud fra Slidevs egen dokumentation. Brug det til konferenceoplæg, kodegennemgange og undervisningsslides med live kode og klik-baseret fremhævning.

Testrapport

Byggede live både et naivt baseline-deck og et skill-guidet et med den rigtige @slidev/cli: baseline-versionens gættede `layout: two-column` blev flagget af Slidevs egen build som et ukendt layout, og dens `:::right:::`-slot-syntaks kompilerede til et ugyldigt Vue-slot-navn, der stille droppede indholdet i højre kolonne — skillets præcise `two-cols` / `::right::`-syntaks byggede rent uden advarsler og med et ægte `col-right`-slot.

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

Installation

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

Kommandoer og eksempelprompter

  • /slidevSlidev-syntaksreference til udviklere — layouts, kodeanimationer, eksport, live-verificeret.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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