用途：该技能围绕 Shiki Magic Move 功能，用于在 Slidev 中让不同代码状态之间产生平滑的动画变形过渡，效果类似 Keynote 的 Magic Move。适用于展示代码逐步演进、重构演示、前后对比、教程讲解等场景。
主要能力：Magic Move 会分析两个代码块，识别未变化的 token、被移动或重命名的 token、新增或删除的 token，并平滑地动画化整个过渡过程。每个代码块代表一个步骤，点击时触发动画。支持多步骤序列。
使用方式：使用四个反引号包裹并标注 md magic-move 语法，在其中依次书写多个代码块，每个代码块为一步。可结合行高亮，例如在 md magic-move {lines: true} 中使用 ```js {*|1|2|3} 形式；可用 {at: 3} 控制动画从第几次点击开始；可用 {lines: false} 关闭行号；选项可组合，如 {at: 2, lines: true}。
适用场景与建议：适合展示重构历程、React Hook 演进、API 从回调到 Promise 再到 async/await 的演进、逐步构建函数、SQL 查询逐步构建等。建议每步只呈现一个逻辑变化，保持上下文可见，用注释说明变更，格式保持一致，演示前测试动画。
限制：资料未提供安装方式、定价、平台支持范围或性能限制等信息。常见误区包括一次改动过多、丢失上下文。
交互式体验地址：https://shiki-magic-move.netlify.app/