slidev

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

4|Updated Jun 10, 2026
One-click install
npx skills add https://github.com/mymx2/foreman --skill slidev-mymx2
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/mymx2/foreman/tree/main/.qoder/skills.collected/skills/slidev
Command: npx skills add https://github.com/mymx2/foreman --skill slidev-mymx2

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.
  • Advanced Presentation Tools: Provides presenter mode, recording capabilities, and flexible export options to PDF, PPTX, or static web apps.
  • Use Case: Use this skill to quickly generate a conference talk or a workshop deck that includes live-runnable code snippets and interactive diagrams.

Quick Start

Use the slidev skill to create a new presentation project about TypeScript generics with code examples.

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?

Yes, you can create interactive technical slides by writing Markdown that integrates Vue components and Vite. This approach supports live code editing and interactive diagrams like Mermaid, allowing developers to build conference talks focusing on content rather than design tools.

Can I export Markdown slides to PDF or PPTX?

Yes, you can export Markdown slides to PDF, PPTX, or a static web app. The framework provides built-in export options to share technical presentations, alongside advanced presentation tools like presenter mode and recording capabilities for managing deck delivery.

Do I need Node.js to build web-based slide decks?

Yes, you need Node.js and the Slidev CLI to build, serve, and export web-based slide decks. These dependencies manage the Vite-powered environment required to render your Markdown content and Vue components into interactive presentations.

Does this presentation framework support live code editing and diagrams?

Yes, the presentation framework supports live code editing, syntax highlighting, and interactive diagrams using Mermaid and PlantUML. These developer-centric features allow you to embed runnable code snippets and diagrams directly within your technical slides.

What is the best way to build a technical presentation with runnable code snippets?

The best way to build a technical presentation with runnable code snippets is using a Markdown-based framework powered by Vite. This method provides built-in live code editing and interactive diagram support, streamlining the creation of workshop decks and conference talks for developers.