slidev

Convert Markdown documentation into interactive slide decks with exports.

5.7k|318|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/antfu/skills --skill slidev-antfu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/antfu/skills/tree/main/skills/slidev
Command: npx skills add https://github.com/antfu/skills --skill slidev-antfu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Slidev enables teams to rapidly convert Markdown-based content into interactive, presenter-ready slide decks with built-in support for code highlighting, diagrams, live demos, and exporting, reducing the friction of creating technical presentations.

Core Features & Use Cases

  • Markdown-driven slides: author slides in plain Markdown with optional headmatter and per-slide frontmatter.
  • Vue-based components & interactivity: embed Vue components, animations, and live code blocks in slides.
  • Export & presenter tools: output PDFs, PPTX, PNG, or host as a SPA; present with notes and transitions.
  • Use case: create conference talks, tutorials, or team workshops that require code demos and diagrams.

Quick Start

pnpm create slidev pnpm run dev pnpm run export

Frequently Asked Questions about slidev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create presentation slides from Markdown for a technical talk?

You can create presentation slides from Markdown by authoring plain text files with optional headmatter and per-slide frontmatter. This allows you to embed code highlighting, diagrams, and Vue components directly, turning documentation into polished, presenter-ready decks.

Can I embed live code and Vue components in Markdown slides?

Yes, you can embed live code and Vue components in Markdown slides. The Vue-based interactivity supports animations and live code blocks, enabling interactive technical presentations and tutorials with built-in code highlighting.

What's the best way to export Markdown presentations to PDF or PPTX?

The best way to export Markdown presentations to PDF or PPTX is through a Node.js-based toolchain. You can output your slides to PDFs, PPTX, PNG, or host them as a SPA using a simple export command workflow.

Do I need Node.js to build and present Markdown slide decks?

Yes, you need a Node.js environment to build and present Markdown slide decks. The toolchain requires running commands like creating the project, starting the dev server, and executing the export process for your presentations.

Does this Markdown presentation tool support presenter notes and transitions?

Yes, this Markdown presentation tool supports presenter notes and transitions. You can present your slides with notes and transitions, applying them to technical talks, tutorials, and training sessions where live demos are valuable.

Can I use Monaco editor integration for live code demos in my slides?

Yes, Monaco editor integration is supported for live code demos in your slides. This satisfies requirements for Markdown-driven presentations, per-slide frontmatter, theming, and live code blocks during technical talks.