Slidev

Slidev-syntaxreferentie voor developers — layouts, code-animaties, exports, live geverifieerd.

Door antfu · antfu/skills

Getest · Werkt ★ 9.6/10

Slidev — Slidev-syntaxreferentie voor developers — layouts, code-animaties, exports, live geverifieerd.

Wat het doet

Slidev zet Markdown om in webgebaseerde, codevriendelijke slidedecks (Vite + Vue), en deze skill bundelt 52 referentiebestanden over slide-syntax, layouts, klik-animaties, Monaco/magic-move code-demo's, Mermaid/PlantUML/LaTeX, en PDF/PPTX/PNG-export, gegenereerd uit Slidev's eigen documentatie. Gebruik hem voor conferentietalks, code-walkthroughs en lesdecks met live code en klikgestuurde highlighting.

Testrapport

Bouwde live zowel een naïeve baseline-deck als een skill-geleide deck met de echte @slidev/cli: de gegokte `layout: two-column` van de baseline werd door Slidev's eigen build gemarkeerd als onbekende layout, en de `:::right:::`-slotsyntax compileerde naar een onzinnige Vue-slotnaam die de inhoud van de rechterkolom stilzwijgend liet vallen — de exacte `two-cols` / `::right::`-syntax van de skill bouwde schoon, zonder waarschuwingen, met een echte `col-right`-slot.

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

Installatie

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

Commando's en voorbeeldprompts

  • /slidevSlidev-syntaxreferentie voor developers — layouts, code-animaties, exports, live geverifieerd.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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