Slidev
Slidev-syntaxreferens för utvecklare — layouter, kodanimationer, export, live-verifierat.
Testad · Fungerar
Vad den gör
Slidev omvandlar Markdown till webbaserade, kodvänliga presentationer (Vite + Vue), och den här skillen samlar 52 referensfiler som täcker slide-syntax, layouter, klick-animationer, Monaco/magic-move-kodexempel, Mermaid/PlantUML/LaTeX samt export till PDF/PPTX/PNG — genererade från Slidevs egen dokumentation. Använd den för konferensföredrag, kodgenomgångar och undervisningspresentationer med levande kod och klickbaserad highlighting.
Testrapport
Byggde live både en naiv baslinjepresentation och en skill-guidad sådan med den riktiga @slidev/cli: baslinjens gissade `layout: two-column` flaggades av Slidevs egen build som en okänd layout, och dess `:::right:::`-slotsyntax kompilerades till ett ogiltigt Vue-slotnamn som tyst tappade bort innehållet i högerkolumnen — skillens korrekta `two-cols` / `::right::`-syntax byggdes rent utan varningar och med en riktig `col-right`-slot.
Testad: 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
Kommandon och exempelprompter
/slidevSlidev-syntaxreferens för utvecklare — layouter, kodanimationer, export, live-verifierat.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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