Slidev
Referencia de sintaxis de Slidev para devs — layouts, animaciones de código, exportaciones, verificado en vivo.
Probado · Funciona
Qué hace
Slidev convierte Markdown en presentaciones de diapositivas web, amigables con código (Vite + Vue), y esta skill incluye 52 archivos de referencia que cubren sintaxis de diapositivas, layouts, animaciones de clic, demos de código con Monaco/magic-move, Mermaid/PlantUML/LaTeX, y exportación a PDF/PPTX/PNG, generados a partir de la documentación oficial de Slidev. Actívala para charlas de conferencias, recorridos de código y presentaciones didácticas con código en vivo y resaltado por clics.
Informe de la prueba
Se construyeron en vivo tanto una presentación base ingenua como una guiada por la skill, usando el @slidev/cli real: el `layout: two-column` adivinado por la línea base fue marcado por el propio build de Slidev como un layout desconocido, y su sintaxis de slot `:::right:::` compiló a un nombre de slot de Vue inválido que descarta silenciosamente el contenido de la columna derecha — la sintaxis exacta de la skill, `two-cols` / `::right::`, compiló limpio sin advertencias y con un slot `col-right` real.
Probado el: 2026-07-13 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/antfu/skills cd skills mkdir -p ~/.claude/skills cp -r skills/slidev ~/.claude/skills/slidev
Comandos y prompts de ejemplo
/slidevReferencia de sintaxis de Slidev para devs — layouts, animaciones de código, exportaciones, verificado en vivo.
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
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