slidev

Create web-based slides from Markdown with code highlighting and animations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation and presentation of dynamic, code-rich web slides, making technical presentations more engaging and effective.

Core Features & Use Cases

  • Markdown-based Slides: Easily create slides using familiar Markdown syntax.
  • Code Highlighting & Animations: Showcase code with syntax highlighting, animations, and interactive editors.
  • Diagrams & Math: Integrate Mermaid diagrams and LaTeX equations seamlessly.
  • Export Options: Export presentations to PDF, PPTX, PNG, or host as a static site.
  • Use Case: Build a conference talk about a new JavaScript framework, complete with live code demos, interactive examples, and professional-looking slides, all from a single Markdown file.

Quick Start

Use the slidev skill to create a new presentation about AI agents.

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 presentation slides using Markdown?

You can create web-based presentation slides by writing Markdown syntax, which this Skill converts into dynamic slides with Vue components, syntax highlighting, and interactive code editors. It supports technical presentations and conference talks directly from a single file.

Can I include code highlighting and live code demos in my presentation?

Yes, code highlighting and live code demos are supported in your presentation through syntax highlighting, code animations, and interactive editors. This enables you to showcase code effectively during technical talks and educational materials.

Does this presentation tool support Mermaid diagrams and LaTeX math rendering?

Yes, this presentation tool supports integrating Mermaid diagrams and LaTeX math rendering seamlessly. You can combine code visualization, diagrams, and equations within your Markdown-based slides for technical or educational content.

What is the best way to export Markdown slides to PDF or PPTX?

The best way to export Markdown slides to PDF or PPTX is through the built-in export options, which also support PNG and SPA hosting. This allows you to distribute your web-based presentations as static files or hosted static sites.

Do I need Vue components to build a technical presentation?

Vue components are supported to enhance your technical presentation but are not strictly required to start. You can build functional, code-rich slides using familiar Markdown syntax before incorporating advanced interactive features.

Can I host my Markdown presentation as a static site?

Yes, you can host your Markdown presentation as a static site using the SPA hosting export option. This allows you to publish your web-based slides online alongside other export formats like PDF, PPTX, and PNG.