slidev

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

4|1|Updated Mar 14, 2026

Search Tags:#developer tools #documentation #markdown #presentation #slides #web-based

Ready to run

npx skills add https://github.com/GPTtang/skill-atlas --skill slidev-gpttang

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/GPTtang/skill-atlas/tree/main/skills/document/slidev
Command: npx skills add https://github.com/GPTtang/skill-atlas --skill slidev-gpttang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of professional, web-based presentations using Markdown, making technical presentations and teaching materials more engaging and accessible.

Core Features & Use Cases

Markdown-driven slides: Write presentations in familiar Markdown syntax.
Vue components & interactivity: Embed dynamic content, code examples, and interactive elements.
Export options: Generate PDFs, PPTX, or host as a static website.
Use Case: You need to create a presentation for a developer conference showcasing a new API. Use this Skill to build slides with live code examples, interactive demos, and export it as a PDF for attendees.

Quick Start

Use the slidev skill to create a new presentation project.

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 slides using Markdown for a developer presentation?▼

You can create web-based slides using Markdown by writing your presentation content in familiar Markdown syntax, embedding Vue components for interactivity, and utilizing built-in code highlighting and animations for technical talks.

Can I embed live code examples and interactive demos in Markdown presentations?▼

Yes, you can embed live code examples and interactive demos in Markdown presentations by leveraging Vue components and native code highlighting features, making technical presentations and teaching materials more engaging.

What is the best way to export Markdown slides to PDF or PPTX for conference attendees?▼

The best way to export Markdown slides to PDF or PPTX is using built-in export options that generate shareable files, or by hosting the presentation as a static website SPA for online access.

Does this Markdown presentation tool support Vue components for dynamic content?▼

Yes, this Markdown presentation tool supports Vue components, allowing you to embed dynamic content, interactive elements, and live code examples directly within your technical slides.

How do I host Markdown slides as a static website for a technical talk?▼

You can host Markdown slides as a static website by utilizing the SPA hosting feature, which allows you to deploy your web-based presentation online for conference talks and teaching materials.