yoanbernabeu avatar

Slidev Syntax Guide

A comprehensive reference for Slidev's extended Markdown syntax, covering everything from slide separators and frontmatter to MDC components and click animations. You'll want this when you're writing complex presentations and need to remember how to do two-column layouts, add speaker notes in the right place, or figure out why your slide separator isn't working (probably missing blank lines). It includes a solid troubleshooting section for common YAML and syntax errors, plus practical examples of inline styles, background images, and named slots. The best practices section actually helps you avoid the quirks that trip people up when converting standard Markdown to Slidev format.

skills.sh installs
292
GitHub stars
42
last updated
Aug 21, 2026

Install

$ npx -y skills add yoanbernabeu/slidev-skills --skill slidev-syntax-guide --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/yoanbernabeu/slidev-skills
Categories
Documentation, Office & Documents
First seen
Jun 3, 2026

More from yoanbernabeu/slidev-skills

All 6
1crazynomad avatardoc-mindmapcrazynomad/skills文档智能整理助手 - 批量转换办公文档为 Markdown,本地模型生成摘要,三维度软链接分类288skills.sh installs
2haowjy avatarcw-prose-writinghaowjy/creative-writing-skillsCreative writing skill for drafting and editing narrative fiction prose. Use when writing new scenes, chapters, or dialogue, or when editing existing prose. Dis255skills.sh installs
3jorgealves avatardocumentation-generatorjorgealves/agent_skillsAnalyzes source code to automatically generate technical documentation and architecture diagrams. Use to maintain up-to-date API references and onboarding mater255skills.sh installs
4guia-matthieu avatarcta-writingguia-matthieu/clawfu-skillsMaster the art of calls-to-action that convert. Direct CTAs, transitional CTAs, button copy, and microcopy that turns readers into customers. Use when: Writing 246skills.sh installs
5unclecatvn avatarwriting-skillsunclecatvn/agent-skillsUse when creating new skills, editing existing skills, or verifying skills work before deployment245skills.sh installs
6aktsmm avatarbook-writing-workspaceaktsmm/agent-skillsOperate a reusable technical book manuscript workspace with writing structure, reader persona SSOT, review rules, and optional Markdown to Re:VIEW/PDF support. 239skills.sh installs