slidev_skill

Overview

This skill creates and edits presentation slides using the Slidev framework, turning markdown and simple directives into polished developer-focused decks. It helps generate new slide decks, modify existing slides, and apply Slidev features like layouts, themes, and interactive components. The goal is fast, reproducible slide authoring with Slidev conventions and best practices.

How this skill works

The skill inspects or generates Slidev markdown files with YAML frontmatter and slide separators (---), applies layout and theme settings, and inserts content blocks, code examples, presenter notes, and Vue components where needed. It can modify individual slide frontmatter, convert plain content into Slidev slides, and prepare commands for running, building, or exporting the deck. When requested, it uses Slidev idioms like v-click reveals, two-col layouts, and syntax-highlighted code fences.

When to use it

• Create a new Slidev presentation from an outline or content draft
• Add, remove, or reorder slides in an existing deck
• Convert notes or a markdown document into Slidev slides
• Add presenter notes, code examples, or progressive reveals
• Prepare the deck for development, build, or export to PDF

Best practices

• Keep one concept per slide and favor short, focused text
• Use frontmatter for theme, duration, and global settings
• Reveal details progressively with v-click or v-clicks for audience engagement
• Use built-in layouts (center, two-cols, cover) for visual consistency
• Add presenter notes in HTML comments for speaking cues

Example use cases

• Turn a meeting agenda into a Slidev deck with a cover, agenda slide, and section slides
• Edit a conference talk to add code demos with line highlighting and presenter notes
• Generate a training deck from a markdown document using two-column layouts for examples
• Enhance a product demo with Vue components and interactive counters
• Prepare a static build and export the slide deck to PDF for distribution