Slidev

Slidev-Syntaxreferenz für Entwickler — Layouts, Code-Animationen, Exporte, live verifiziert.

Getestet · Funktioniert ★ 9.6/10

Was es kann

Slidev verwandelt Markdown in webbasierte, codefreundliche Foliensets (Vite + Vue). Dieser Skill bündelt 52 Referenzdateien zu Foliensyntax, Layouts, Click-Animationen, Monaco-/Magic-Move-Code-Demos, Mermaid/PlantUML/LaTeX sowie PDF-/PPTX-/PNG-Export, generiert aus der offiziellen Slidev-Dokumentation. Geeignet für Konferenzvorträge, Code-Walkthroughs und Lehr-Decks mit Live-Code und Click-basiertem Highlighting.

Testbericht

Live sowohl ein naives Baseline-Deck als auch eines mit Skill-Anleitung mit der echten @slidev/cli gebaut: Das von der Baseline geratene `layout: two-column` wurde vom Slidev-Build selbst als unbekanntes Layout markiert, und ihre `:::right:::`-Slot-Syntax kompilierte zu einem ungültigen Vue-Slot-Namen, der den Inhalt der rechten Spalte stillschweigend verwirft — die exakte `two-cols`/`::right::`-Syntax des Skills baute sauber, ohne Warnungen und mit einem echten `col-right`-Slot.

Getestet am: 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

Befehle & Beispiel-Prompts

/slidevSlidev-Syntaxreferenz für Entwickler — Layouts, Code-Animationen, Exporte, live verifiziert.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →