slidev

Create and edit Slidev presentations from Markdown content with YAML frontmatter.

1|Updated Jan 19, 2026
One-click install
npx skills add https://github.com/LuoAndOrder/AgentScripts --skill slidev-luoandorder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev
Source: https://github.com/LuoAndOrder/AgentScripts/tree/main/.claude/skills/slidev
Command: npx skills add https://github.com/LuoAndOrder/AgentScripts --skill slidev-luoandorder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Slidev-based presentations solve the tedious task of building slides with HTML/CSS by letting you author in Markdown and render interactive decks.

Core Features & Use Cases

  • Markdown-driven slide content with YAML frontmatter for metadata
  • Vue components and custom layouts for advanced slides
  • Theme and transition support for polished presentations
  • Live preview and quick iteration within a Slidev project

Quick Start

Create a new Slidev deck from your content and start the local preview server.

Frequently Asked Questions about slidev

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

FAQPage Schema
How do I create interactive presentations from Markdown?

You can create interactive presentations directly from Markdown content using Slidev. This approach automates deck generation by applying YAML frontmatter and custom layouts, bypassing tedious HTML/CSS coding to render slides quickly.

Can I use Vue components in Markdown slides?

Yes, you can embed Vue components within Markdown slides for advanced presentations. Slidev supports adding Vue components and custom layouts to generate interactive deck elements while maintaining standard Markdown file compatibility.

How do I apply themes and layouts to a Slidev presentation?

To apply themes and layouts to a Slidev presentation, you update the Markdown file's YAML frontmatter. This process ensures compatibility with Slidev formats and supports theme transitions for polished talks, tutorials, and demonstrations.

What is the best way to update existing slides in a Slidev project?

The best way to update existing slides in a Slidev project is to edit the Markdown content directly. This workflow allows quick iteration and live preview within the local dev server without breaking the project structure.

Do I need a local dev server to preview Slidev decks?

Yes, running a local dev server is required to preview Slidev decks. It enables live preview and quick iteration within your Slidev project, allowing you to see Markdown content and Vue components rendered interactively.

Why use Markdown for presentations instead of standard HTML and CSS?

Using Markdown for presentations solves the tedious task of building slides manually with HTML and CSS. It lets you author content efficiently and render interactive decks with theme support through the Slidev framework.