slidev-click-animations

此技能旨在提供对 Slidev 演示中动画与交互性的全面控制。专为技术演讲者与开发者设计，通过动态、非静态的幻灯片内容有效引导观众注意力。借助基于 Vue 的指令，用户无需离开 Markdown 环境，即可协调动画时间轴、顺序揭露内容并执行复杂的布局转换。

• 完整支持 v-click、v-clicks、v-after 与 v-switch 指令，实现分步内容呈现。

• 整合 v-motion 指令，将 CSS 过渡、变换与基于关键帧的动画应用于任何 DOM 元素。

• 具备进阶定位功能，支持明确索引或相对偏移语法，以精确控制动画顺序。

• 支持基于范围的显隐切换与嵌套列表动画功能。

• 可通过 slidev-vclick-target、prior 与 current 状态类选择器无缝整合 CSS，实现模糊、缩放或色彩转换等视觉特效。

• 能够为代码块与图表添加动画，提升技术展示的可读性与参与度。

• 使用此技能可在单页幻灯片中逐步构建复杂的架构图或逻辑流程。

• 极适合技术教育或研讨会演示，特别是需要详细说明代码演进或逻辑推导的场景。

• 实施时，建议通过 front-matter 配置管理总点击次数，避免布局偏移或导航错误。

• 结合 initial、enter 与 leave 等 motion 属性，打造专业级的动态设计效果。

• 请注意避免过度使用动画以维持演示的可读性，过多的动态效果可能会分散核心技术内容的注意力。

• 输入依赖标准 Slidev Markdown 语法；执行前请确认项目环境已正确整合 @vueuse/motion。