slidev-magic-move
Shiki Magic Move
This skill covers Shiki Magic Move, a powerful feature that creates smooth animated transitions between different code states, similar to Keynote's Magic Move effect.
When to Use This Skill
- Showing code evolution step by step
- Refactoring demonstrations
- Before/after code comparisons
- Tutorial walkthroughs
- Animated code transformations
How Magic Move Works
Magic Move analyzes two code blocks and:
- Identifies unchanged tokens
- Finds moved/renamed tokens
- Detects added/removed tokens
- Animates the transition smoothly
More from yoanbernabeu/slidev-skills
slidev-styling
Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.
143slidev-quick-start
Get started with Slidev presentations in minutes. Use this skill to create your first presentation or set up a new Slidev project.
134slidev-themes
Use and customize Slidev themes. Use this skill to apply themes, configure theme options, and create custom themes.
128slidev-syntax-guide
Master Slidev's extended Markdown syntax. Use this skill to write slides with advanced formatting, frontmatter, and special features.
122slidev-drawings
Draw and annotate during Slidev presentations. Use this skill for live annotations, highlighting, and visual explanations.
109slidev-project-structure
Understand Slidev project structure and configuration. Use this skill to configure themes, addons, and customize your presentation setup.
100