Slidev

Slidev-syntaxreferens för utvecklare — layouter, kodanimationer, export, live-verifierat.

av antfu · antfu/skills

Testad · Fungerar ★ 9.6/10

Slidev — Slidev-syntaxreferens för utvecklare — layouter, kodanimationer, export, live-verifierat.

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 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