slidevlisted

# Slidev Slidev (sli.dev) is a web-based presentation framework for developers. You write slides in **Markdown** (`slides.md`), and it renders them with **Vue 3 + Vite + UnoCSS**, with first-class support for code highlighting, diagrams, math, interactive components, and click animations. Requirement: **Node.js >= 20.12.0**. Package name is `@slidev/cli`. ## When to use this skill - Scaffolding a new deck or editing an existing `slides.md`. - Choosing/configuring layouts, themes, addons, or fonts. - Adding code blocks (highlighting, Magic Move, TwoSlash, Monaco), diagrams (Mermaid), math (KaTeX/LaTeX), icons, or Vue components. - Building click/motion/slide-transition animations. - Exporting to PDF/PNG/PPTX or deploying a static SPA. ## Quickstart ```bash npm create slidev@latest # scaffold a project (interactive) cd my-slides npm install npm run dev # dev server at http://localhost:3030 (add -- --open) npm run build # static SPA into dist/ npm run export # PDF (needs playwright-chromium installed) ``` Minimal `slides.md`: ```md --- theme: seriph title: My Talk transition: slide-left --- # My Talk Subtitle text <!-- speaker note for this slide --> --- layout: two-cols --- # Left column ::right:: # Right column ``` ## Core model (read this first) - **Slides are separated by `---`** on its own line, with blank lines around it. - **Headmatter**: the YAML block at the very top of the file configures the whole