slidev

Create Slidev slide decks with Markdown, Vue components, and presenter notes.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/liangmiQwQ/skills --skill slidev-liangmiqwq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/liangmiQwQ/skills/tree/main/skills/slidev
Command: npx skills add https://github.com/liangmiQwQ/skills --skill slidev-liangmiqwq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating and presenting polished, interactive developer slide decks is often a fragmented process; this Skill provides a streamlined workflow to build slides with Slidev using Markdown, Vue components, and rich features like code highlighting, animations, and presenter notes.

Core Features & Use Cases

  • Author rich slides with Markdown and Vue components
  • Include code highlighting, diagrams, presenter notes, and export options
  • Ideal for technical talks, code walkthroughs, training sessions, and conference demos

Quick Start

Create a new Slidev project and run the development server to preview slides locally.

Frequently Asked Questions about slidev

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

FAQPage Schema
How do I build developer presentation slides using Markdown?

To build developer presentation slides using Markdown, you can use Slidev to author web-based slide decks. It streamlines the creation process by allowing you to write slides inline with Markdown while supporting Vue components and code highlighting.

Can I add code highlighting and animations to Markdown presentation decks?

Yes, you can add code highlighting and animations to Markdown presentation decks. Slidev enables these rich features natively alongside Vue components, allowing technical talks to include interactive code walkthroughs and visual transitions.

What is the best way to create technical slide decks for code walkthroughs?

The best way to create technical slide decks for code walkthroughs is using a Markdown-based tool like Slidev. It satisfies frontmatter configuration and per-slide layouts, letting you present inline code, diagrams, and presenter notes cohesively.

Does Slidev support Vue components inside presentation slides?

Yes, Slidev supports Vue components inside presentation slides. You can author rich, interactive developer slide decks by embedding Vue components directly within your Markdown content to enhance technical talks and training sessions.

How do I export web-based slide decks created with Markdown?

To export web-based slide decks created with Markdown, Slidev provides built-in export options within its feature set. You can configure these options alongside frontmatter settings to generate shareable outputs from your presentation.

Are presenter notes available in Markdown-based presentation tools?

Yes, presenter notes are available in Markdown-based presentation tools like Slidev. This feature allows you to attach speaking notes directly to your slides, making it ideal for conference demos and teaching materials.