slidev

Create and present web-based slides with Markdown, Vue components, and code highlighting.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Slidev provides a streamlined way to create and deliver web-based presentations tailored for developers, replacing static decks with interactive, code-friendly slides.

Core Features & Use Cases

  • Live code examples, syntax highlighting, and animations for engaging technical talks
  • Export options to PDF, PPTX, or SPA hosting, with presenter notes for conferences and teaching
  • Ideal for demos, training, and internal knowledge sharing in engineering teams

Quick Start

Install Slidev, scaffold a project, and start the dev server to view your first slide.

Frequently Asked Questions about slidev

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

FAQPage Schema
How do I create web-based presentations using Markdown?

You can create web-based presentations by writing Markdown files with deck-wide headmatter and per-slide frontmatter, running a dev server to view slides, and utilizing Vue components for interactive elements.

Can I add live code examples and syntax highlighting to my slides?

Yes, you can add live code examples, syntax highlighting, and animations directly in your Markdown to build engaging technical talks and demonstrations for developers.

Does this presentation tool support exporting to PDF or PPTX?

Yes, the tool supports exporting your Markdown slides to PDF and PPTX formats, alongside SPA hosting options, enabling consistent deck exports for conferences and teaching.

Do I need Vue knowledge to build presentations with this Markdown tool?

No, you do not need Vue knowledge to start, but the tool supports Vue components within Markdown for developers who want to add interactive elements or custom logic to their slides.

What is the best way to present technical talks with live code and animations?

The best way to present technical talks is using a developer-focused presentation tool that combines Markdown, live code highlighting, animations, and presenter notes for seamless technical demos.