slidev

Convert Markdown into interactive slide decks with Vue components and code highlighting.

1|1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/woody1234567/Nuxt_tech_blog --skill slidev-woody1234567
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/woody1234567/Nuxt_tech_blog/tree/main/.agents/skills/slidev
Command: npx skills add https://github.com/woody1234567/Nuxt_tech_blog --skill slidev-woody1234567

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Turn Markdown into polished, interactive slide decks.

Core Features & Use Cases

  • Markdown-driven slides with Vue components and code highlighting for technical talks.
  • Presenter notes, live code demos, and media-rich capabilities suitable for conferences and training.
  • Per-slide frontmatter for layouts, transitions, and visuals, enabling reuse across talks.

Quick Start

Install dependencies and run the local dev server to preview your slides.

Frequently Asked Questions about slidev

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

FAQPage Schema
How do I build presentation slides using Markdown?

Build presentation slides using Markdown by writing your content in Markdown files, configuring layouts and transitions through per-slide frontmatter, and running a local dev server to preview the interactive deck output.

Can I use Vue components inside my presentation slides?

Yes, you can use Vue components inside presentation slides to create interactive, media-rich decks. This enables technical talks and training sessions with live code blocks, code highlighting, and presenter notes.

What is the best way to create technical demos and training decks with live code?

The best way to create technical demos and training decks is using a Markdown-driven approach that supports live code blocks, presenter notes, and per-slide frontmatter configuration for layouts, transitions, and asset references.

Does Slidev support per-slide layout and transition configuration?

Slidev supports per-slide frontmatter configuration for layouts, transitions, and visuals. This enables deck-wide and per-slide customization, making it easy to reuse specific slide configurations across multiple technical talks.

Do I need to install dependencies to run a local presentation dev server?

Yes, you need to install dependencies and run the local dev server to preview your Markdown slides. This setup enables real-time viewing of interactive elements like Vue components, live code blocks, and transitions.

Why use a Markdown-based presentation tool instead of traditional slide software?

Use a Markdown-based presentation tool to turn text into polished, interactive slide decks with code highlighting and Vue components. It satisfies technical talk requirements like live demos and presenter notes while enabling reuse through frontmatter configuration.