slidev-click-animations

Reveal Slidev slide content step by step with v-click and motion directives.

5|Updated Feb 4, 2026
One-click install
npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-click-animations-szeyu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev-click-animations
Source: https://github.com/szeyu/open-ssyok-finance/tree/main/.agents/skills/slidev-click-animations
Command: npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-click-animations-szeyu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Presenters need a way to reveal content progressively on slides to keep audiences engaged and focused.

Core Features & Use Cases

  • v-click and v-after controls for progressive content reveal
  • v-switch and motion directives to orchestrate multi-step storytelling
  • Practical patterns for lists, diagrams, and before/after reveals
  • Use Case: create a product walkthrough with step-by-step visuals, or a lecture slide that unveils points one by one.

Quick Start

Use v-click and motion to reveal slide content progressively with a click.

Frequently Asked Questions about slidev-click-animations

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

FAQPage Schema
How do I reveal slide content step by step in Slidev?

You can reveal slide content step by step in Slidev using the v-click directive to progressively display elements on each click. This structured, progressive disclosure enhances understanding during product demos or lectures.

What is the difference between v-click and v-after for progressive content reveal?

The v-click directive toggles element visibility on interaction, while v-after displays content immediately after a previous click triggers. Both enable progressive content reveal on slides to keep audiences engaged and focused.

Can I use motion directives to orchestrate multi-step storytelling in Slidev?

Yes, you can use v-motion and v-switch directives to orchestrate multi-step storytelling in Slidev. These controls enable interactive, click-driven animations for practical patterns like lists, diagrams, and before/after reveals.

Does Slidev support interactive click animations for product walkthroughs?

Slidev supports interactive click animations ideal for product walkthroughs using v-click and motion directives. Presenters can create step-by-step visuals that unveil points one by one to maintain audience engagement.

What are the limitations of using v-click for slide animations?

Using v-click for slide animations requires careful orchestration to avoid premature content visibility. Presenters must follow specific syntax compatibility and example patterns to ensure structured progressive disclosure works correctly across slides.

Do I need to install dependencies to use v-switch and v-motion in Slidev?

No additional dependencies are required to use v-switch and v-motion in Slidev. These directives are built into the framework, ensuring compatibility and allowing you to describe how to reveal content step by step natively.