slidev
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
npx skills add antfu/skills --skill slidev --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Slidev - Presentation Slides for Developers Web-based slides maker built on Vite, Vue, and Markdown. ## When to Use - Technical presentations or slidedecks with live code examples - Syntax-highlighted code snippets with animations - Interactive demos (Monaco editor, runnable code) - Mathematical equations (LaTeX) or diagrams (Mermaid, PlantUML) - Record presentations with presenter notes - Export to PDF, PPTX, or host as SPA - Code walkthroughs for developer talks or workshops ## Quick Start ```bash pnpm create slidev # Create project pnpm run dev # Start dev server (opens http://localhost:3030) pnpm run build # Build static SPA pnpm run export # Export to PDF (requires playwright-chromium) ``` **Verify**: After `pnpm run dev`, confirm slides load at `http://localhost:3030`. After `pnpm run export`, check the output PDF exists in the project root. ## Basic Syntax ```md --- theme: default title: My Presentation --- # First Slide Content here --- # Second Slide More content <!-- Presenter notes go here --> ``` - `---` separates slides - First frontmatter = headmatter (deck config) - HTML comments = presenter notes ## Core References | Topic | Description | Reference | |-------|----
- When to Use
- Quick Start
- Basic Syntax
- Core References
- Feature Reference
- Code & Editor
- Diagrams & Math
- Layout & Styling
- Animation & Interaction
- Syntax Extensions
- Presenter & Recording
- Export & Build
- Editor & Tools
- Lifecycle & API
pnpm create slidev # Create project pnpm run dev # Start dev server (opens http://localhost:3030) pnpm run build # Build static SPA pnpm run export # Export to PDF (requires playwright-chromium)
What does the slidev skill do?
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
How do I install it?
Run `npx skills add antfu/skills --skill slidev --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From antfu/skills, a repository with 5,709 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.