slidev

Create and manage developer presentations with Slidev using Markdown and export to PDF, PPTX, or PNG.

1|Updated Oct 14, 2025
One-click install
npx skills add https://github.com/kaovilai/k8s-cbt-s3mover-demo --skill slidev-kaovilai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/kaovilai/k8s-cbt-s3mover-demo/tree/main/.claude/skills/slidev
Command: npx skills add https://github.com/kaovilai/k8s-cbt-s3mover-demo --skill slidev-kaovilai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the creation and management of developer-focused presentations, enabling you to build engaging slides with code, diagrams, and animations effortlessly.

Core Features & Use Cases

  • Markdown-based creation: Write presentations using familiar Markdown syntax.
  • Code Highlighting: Showcase code snippets with syntax highlighting.
  • Diagrams & Animations: Integrate Mermaid diagrams and use built-in animation features.
  • Export Options: Export presentations to PDF, PPTX, or PNG formats.
  • Use Case: Prepare a technical talk for a conference, complete with live code examples and architectural diagrams, and export it as a polished PDF.

Quick Start

Initialize a new Slidev project by running npm init slidev@latest in your terminal.

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 with Markdown and code highlighting?

You can create developer presentations by writing Markdown syntax that supports code highlighting, Mermaid diagrams, and animations using the Slidev framework to build engaging technical slides.

Can I export Markdown presentations to PDF or PPTX formats?

Yes, Markdown presentations can be exported to PDF, PPTX, and PNG formats, allowing you to share polished technical talks and documentation slides outside the local environment.

Does this approach work for technical talks with live code examples and diagrams?

Yes, this approach is designed for technical talks and supports live code examples, architectural diagrams via Mermaid, built-in animations, and presenter notes for documentation presentations.

What's the best way to initialize a new Slidev presentation project?

The best way to initialize a new Slidev presentation project is by running `npm init slidev@latest` in your terminal to scaffold the Markdown-based slide environment.

What do I need to build slide decks with code examples and Mermaid diagrams?

You need a Node.js environment to run the initialization command and start writing Markdown files that compile into slides with syntax highlighting, code examples, and Mermaid diagrams.

Why use a Markdown-based approach over other presentation tools for technical talks?

A Markdown-based approach lets developers write slides using familiar syntax while natively integrating code examples, syntax highlighting, and animations without leaving their code editor environment.