slidev-syntax-guide

Slidev Syntax Guide

This skill covers Slidev's extended Markdown syntax, including slide separators, frontmatter, notes, MDC syntax, and all the special formatting features available.

When to Use This Skill

• Learning Slidev's Markdown extensions
• Writing complex slide content
• Using advanced formatting features
• Troubleshooting syntax issues
• Converting standard Markdown to Slidev format

Slide Separators

Basic Separator

Use three dashes with blank lines:

# Slide 1

Content here

---

# Slide 2

More content

Separator with Frontmatter

Add per-slide configuration:

# Slide 1

---
layout: center
class: text-blue-500
---

# Centered Blue Slide

Frontmatter

Global Configuration (First Slide)

---
theme: seriph
title: My Presentation
info: |
  ## Presentation Description
  Multi-line info text
colorSchema: auto
highlighter: shiki
drawings:
  persist: false
transition: slide-left
mdc: true
---

Per-Slide Configuration

---
layout: two-cols
class: my-custom-class
transition: fade
clicks: 3
disabled: false
hide: false
---

Common Frontmatter Options

Option	Type	Description
layout	string	Slide layout name
class	string	CSS classes
transition	string	Slide transition
background	string	Background image/color
clicks	number	Total clicks for slide
disabled	boolean	Disable slide
hide	boolean	Hide from navigation
preload	boolean	Preload heavy content

Speaker Notes

Comment Syntax

# My Slide

Visible content

<!--
These are speaker notes.
- Point to remember
- Another point

Supports **Markdown** formatting.
-->

Notes Position

Notes must be at the end of the slide, after all content.

MDC Syntax (Markdown Components)

Enable in frontmatter:

---
mdc: true
---

Inline Styles

This is [important text]{.text-red-500.font-bold}

This has a [tooltip]{title="Hover me!"}