motion-v-skilld

Debug Vue Motion AnimatePresence exit animations by verifying AnimatePresence wraps your motion components and checking version-aware guidance for correct directive usage and exit prop configuration. Aggregated release notes help identify breaking changes causing exit animation failures.

Layout animations in Motion for Vue require wrapping animated elements in LayoutGroup or using motion component layout props. Version-aware guidance aggregates official docs and GitHub issues to ensure correct integration patterns and prevent layout shift bugs.

Motion for Vue integrates with Reka UI components by applying motion directives and wrapping Reka UI elements within AnimatePresence or LayoutGroup. The Skill provides version-aware guidance for combining these Vue ecosystem libraries without conflicts.

Vue Motion useInView directive issues often stem from incorrect element refs, viewport root margins, or version-specific API changes. Version-aware guidance aggregates GitHub issues and release notes to diagnose trigger timing and threshold misconfigurations.

Create Vue Motion components by applying motion directives to template elements while avoiding naming collisions with native Vue directives. The Skill aggregates official docs and GitHub issues to provide recommended patterns and anti-patterns for component creation.

Common Motion Vue anti-patterns include improper AnimatePresence nesting, missing layout props, and outdated directive syntax from older versions. Version-aware guidance aggregates release notes to identify and avoid these pattern-level debugging issues.