slidev-transitions

What problem does it solve?

This Skill helps you elevate Slidev presentations by providing a structured approach to adding and managing slide transitions, from simple fades to complex directional and view-based transitions.

Core Features & Use Cases

• Global transitions via frontmatter to apply across all slides.
• Per-slide and inline transitions to tailor motion for different content.
• Built-in transition presets (fade, slide-left, slide-right, slide-up, slide-down) along with custom transitions defined in CSS.
• View Transitions API support for modern browsers to create cross-slide effects.
• Use Case: Create a polished narrative by controlling how each slide enters and exits, or emphasize key moments with motion.

Quick Start

Use the skill to configure transitions in your Slidev deck. Example: add a global transition in the frontmatter with transition: slide-left; or specify per-slide transitions by adding YAML frontmatter between slides.