Create declarative UI animations in Vue 3 and Nuxt 4 with motion-v.
npx skills add https://github.com/leighayanid/unuxt --skill motion-leighayanid
Please help me install this Agent Skill. Skill: motion Source: https://github.com/leighayanid/unuxt/tree/main/.agents/skills/motion Command: npx skills add https://github.com/leighayanid/unuxt --skill motion-leighayanid
This Skill provides a ready-to-use Motion Vue animation toolkit for Vue 3 and Nuxt 4 projects, enabling hardware-accelerated, performant animations with a compact footprint.
Install motion-v in your project and configure Nuxt to load the motion-v/nuxt module. Then use <motion.div> (and other motion components) in templates to start animating elements.
High-intent search queries and answers about installing and using this skill.
You can animate Vue components declaratively by installing motion-v and configuring the Nuxt module. This lets you use <motion.div> and other motion components directly in templates to build hardware-accelerated UI animations.
The best way to add scroll-triggered animations and gestures in Vue 3 is using composables like useScroll and useInView. These utilities from the motion-v toolkit enable interactive scroll effects and gesture-driven micro-interactions.
Yes, you can use motion-v to create layout transitions across Nuxt routes. It supports layout animations and shared element transitions, allowing smooth visual continuity as users navigate between different pages.
No external dependencies are required to build performant UI animations with this Vue toolkit. The Skill provides the motion-v library, Nuxt module integration, and composables as a self-contained package with a compact footprint.
Composables like useSpring and useTransform work by exposing reactive motion values that you can bind to component styles. They translate raw scroll or gesture inputs into smooth, interpolated animation outputs for Vue templates.
Yes, this declarative motion approach supports both HTML and SVG elements in Vue templates. You apply motion components directly to your markup to animate graphics and standard document elements seamlessly.
vito1317Animate Vue 3 and Nuxt 3 components with declarative Motion Vue.
incubrainAutomate hardware-accelerated animations in Vue 3 and Nuxt with motion-v.
JeffallanGuide Vue 3 development with Composition API, Pinia, and Nuxt 3.
KamalabotCreate native WAAPI animations with deterministic timing within HyperFrames.
