slidev

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

Updated Jan 11, 2026

Search Tags:#markdown #vue #interactive #presentation #slides #slidev #live-code

Ready to run

npx skills add https://github.com/UmmItKin/ummit.dev --skill slidev-ummitkin

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/UmmItKin/ummit.dev/tree/main/.agents/skills/slidev
Command: npx skills add https://github.com/UmmItKin/ummit.dev --skill slidev-ummitkin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Slidev solves the challenge of quickly creating and presenting developer-focused slides by combining Markdown authoring with Vue components, live code, and interactive features.

Core Features & Use Cases

Markdown-based slide authoring with integrated Vue components, live code blocks, and syntax highlighting.
Built-in support for diagrams (Mermaid/PlantUML), presenter notes, and export options (PDF, PNG, PPTX).
Use cases include technical talks, tutorials, onboarding sessions, and educational workshops.

Quick Start

Install dependencies and run the dev server to start presenting locally. Then tweak slides in slides.md and preview in real-time.

Frequently Asked Questions about slidev

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

FAQPage Schema

How do I create interactive web presentations using Markdown?▼

You can create interactive web presentations using Markdown by authoring slides in a single Markdown file, integrating Vue components and live code blocks directly within the text. This approach enables real-time previewing and syntax highlighting for technical talks.

Can I use Vue components and live code in my Markdown slides?▼

Yes, you can use Vue components and live code in your Markdown slides. The framework natively supports embedding interactive Vue components and executing live code blocks, allowing you to build dynamic and interactive technical demonstrations.

How do I export Markdown slides to PDF or PPTX?▼

You can export Markdown slides to PDF or PPTX using the built-in export options. After configuring your deck via frontmatter and setting up the Node.js environment, you can generate static files for distribution or presentation.

Does Slidev support Mermaid or PlantUML diagrams in presentations?▼

Yes, Slidev supports Mermaid and PlantUML diagrams in presentations. You can embed these diagrams directly in your Markdown slides to generate visual flowcharts and diagrams, which is especially useful for technical tutorials and educational workshops.

What is the best way to add presenter notes to a Markdown presentation?▼

The best way to add presenter notes to a Markdown presentation is to use the built-in presenter notes feature. You can write notes directly in your Markdown file, which will be displayed in a separate presenter view during your technical talks or onboarding sessions.

Do I need Node.js to build and present slides with Markdown?▼

Yes, you need Node.js to build and present slides with Markdown. The framework requires a Node.js-based setup to install dependencies, run the local development server, and manage the plugin-rich workflow for your interactive presentations.