slidev

Generate Slidev presentations from Markdown with code and diagrams.

1|Updated Apr 16, 2026
One-click install
npx skills add https://github.com/Rory-X/slidev-ppt-agent --skill slidev-rory-x
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/Rory-X/slidev-ppt-agent/tree/main/.agents/skills/slidev
Command: npx skills add https://github.com/Rory-X/slidev-ppt-agent --skill slidev-rory-x

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Slidev skill helps developers and technical presenters convert markdown, code examples, diagrams, and notes into well-structured, interactive Slidev decks while avoiding common layout and overflow issues.

Core Features & Use Cases

  • Markdown-first slide composition: Compose slides using Slidev frontmatter, separators, and per-slide configuration.
  • Code-centric tooling: Support for syntax highlighting, Monaco editor integration, line highlighting, two-slash annotations, and runnable examples for teaching and walkthroughs.
  • Diagrams and math: Render Mermaid, PlantUML, and LaTeX math with explicit scaling guidance to prevent overflow.
  • Export and hosting: Build and export to PDF, PPTX, PNG, or static SPA and deploy to Vercel/GitHub Pages.
  • Content-density guardrails: Enforced limits and techniques (max code lines, mermaid scaling, zoom, scrollable code) to ensure slides remain readable and not clipped.

Quick Start

Ask your AI agent to generate a Slidev presentation about Kubernetes for backend engineers including code examples, Mermaid diagrams, and export-ready slides.

Frequently Asked Questions about slidev

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

FAQPage Schema
How do I create developer-focused Slidev presentations from Markdown?

To include Mermaid diagrams in Slidev without overflow, apply explicit scaling guidance and content-density constraints. The skill enforces scaling techniques and limits like maximum code lines to ensure your diagrams and code blocks remain readable and not clipped.

Can I export Slidev markdown decks to PDF or PPTX?

Yes, you can export Slidev markdown decks to PDF or PPTX. The skill supports building and exporting your interactive presentations to PDF, PPTX, PNG, or static SPA formats, making them ready for deployment to hosting platforms like Vercel or GitHub Pages.

Does Slidev support Monaco editor integration for code walkthroughs?

Slidev supports Monaco editor integration for code walkthroughs by enabling syntax highlighting, line highlighting, and runnable examples. This code-centric tooling helps you teach and demonstrate technical concepts effectively during workshops or conference presentations.

What is the best way to prevent code clipping in Slidev presentations?

The best way to prevent code clipping in Slidev presentations is to use enforced content-density guardrails. The skill applies techniques like scrollable code blocks, zoom, and maximum code line limits to ensure your syntax-highlighted examples remain fully readable on screen.

How do I add LaTeX math and PlantUML rendering to Slidev slides?

To add LaTeX math and PlantUML rendering to Slidev slides, generate the presentation using the skill's markdown-first composition features. It supports rendering complex diagrams and mathematical equations with explicit scaling guidance to prevent layout overflow.