slidev

Generate and manage web-based slide decks from Markdown with Vue components.

3|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/legout/pi-config --skill slidev-legout
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/legout/pi-config/tree/main/installed-skills/slidev
Command: npx skills add https://github.com/legout/pi-config --skill slidev-legout

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the friction of creating technical presentations by allowing developers to write slides in Markdown, enabling them to focus on content rather than complex design tools.

Core Features & Use Cases

  • Developer-Centric Features: Includes built-in support for live code editing, syntax highlighting, and interactive diagrams like Mermaid and PlantUML.
  • Dynamic Presentations: Supports click-based animations, presenter mode with notes, and remote control capabilities.
  • Use Case: A developer needs to create a workshop presentation for TypeScript generics; they can use this skill to embed live code snippets that the audience can see and interact with directly in the browser.

Quick Start

Use the slidev skill to create a new presentation project about web development in the current directory.

Frequently Asked Questions about slidev

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

FAQPage Schema
How do I create developer presentations using Markdown?

You can create developer presentations using Markdown by generating web-based slide decks that support Vue components and Vite. This allows you to write slides focused on content rather than wrestling with complex design tools, embedding interactive code and diagrams directly.

Can I embed live code execution and syntax highlighting in my slides?

Yes, you can embed live code execution and syntax highlighting in your slides. The tooling supports interactive code snippets that audiences can view and edit directly in the browser, making it ideal for technical workshops and code walkthroughs.

Does Slidev work with interactive diagrams like Mermaid and PlantUML?

Slidev works seamlessly with interactive diagrams like Mermaid and PlantUML. It provides built-in support for these formats alongside Vue components, enabling dynamic technical visualizations within your Markdown presentations.

What is the best way to export a Markdown presentation to PDF?

The best way to export a Markdown presentation to PDF is by using the built-in export functionality provided by the slide deck tooling. This feature supports generating static files for easy sharing and static site deployment alongside the interactive web format.

How do I add click-based animations and presenter mode to my slide deck?

You can add click-based animations and use presenter mode with notes by utilizing the dynamic presentation features supported by the Markdown slide generator. It also includes remote control capabilities to enhance live conference talks and technical documentation.