Slidev

Référence de syntaxe Slidev pour développeurs — mises en page, animations de code, exports, vérifiée en conditions réelles.

par antfu · antfu/skills

Testé · Fonctionne ★ 9.6/10

Slidev — Référence de syntaxe Slidev pour développeurs — mises en page, animations de code, exports, vérifiée en conditions réelles.

Ce que fait

Slidev transforme du Markdown en présentations web adaptées au code (Vite + Vue), et ce skill regroupe 52 fichiers de référence couvrant la syntaxe des slides, les mises en page, les animations au clic, les démos de code Monaco/magic-move, Mermaid/PlantUML/LaTeX, et l'export PDF/PPTX/PNG, générés à partir de la documentation officielle de Slidev. À utiliser pour des conférences, des présentations de code pas à pas, et des supports pédagogiques avec code en direct et mise en évidence au clic.

Rapport de test

Construction en conditions réelles d'une présentation baseline naïve et d'une présentation guidée par le skill, avec le vrai `@slidev/cli` : le `layout: two-column` deviné par la baseline a été signalé par le build de Slidev lui-même comme une mise en page inconnue, et sa syntaxe de slot `:::right:::` a compilé vers un nom de slot Vue invalide qui fait silencieusement disparaître le contenu de la colonne de droite — la syntaxe exacte du skill, `two-cols` / `::right::`, a compilé proprement sans aucun avertissement, avec un vrai slot `col-right`.

Testé le: 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

Commandes et exemples de prompts

  • /slidevRéférence de syntaxe Slidev pour développeurs — mises en page, animations de code, exports, vérifiée en conditions réelles.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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