motion
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
97
Does it follow best practices?
Evaluation — 88%
↑ 9.77xAgent success when using this skill
Validation for skill structure
Evaluation results
95%
78%Scroll-Linked Hero Section with Parallax Effects
Scroll-linked animations with composables
Correct package import
0%
100%
Lowercase motion import
0%
100%
useScroll usage
0%
100%
useTransform for parallax/fade
0%
100%
useMotionValue for mouse
0%
100%
useMotionTemplate for gradient
0%
100%
whileInView with once
0%
100%
Transform over layout props
100%
100%
Progress bar via scaleX
0%
0%
motion values in :style
0%
100%
useScroll target/offset
0%
100%
No @vueuse/motion
100%
100%
Without context: $0.2698 · 1m 24s · 9 turns · 10 in / 5,181 out tokens
With context: $0.4497 · 1m 28s · 17 turns · 17 in / 5,028 out tokens
90%
84%Interactive Portfolio Gallery with Expandable Cards
Shared element transitions and gestures
Correct package import
0%
100%
Lowercase motion import
0%
100%
layoutId for card expansion
0%
100%
AnimatePresence wrapping
0%
100%
exit prop on overlay
0%
0%
whilePress for tap feedback
0%
100%
whileHover on cards
0%
100%
layout prop for reflow
0%
100%
AnimatePresence import
0%
100%
Transform over layout for hover
50%
100%
Without context: $0.3548 · 1m 45s · 11 turns · 12 in / 6,913 out tokens
With context: $0.4911 · 1m 50s · 18 turns · 261 in / 6,050 out tokens
80%
76%Nuxt 3 App with Page Transitions and Accessible Content Reveals
Nuxt setup, page transitions, staggered reveals
Correct package name
0%
100%
motion-v nuxt module
0%
100%
@vueuse/nuxt companion
0%
0%
AnimatePresence mode=wait
0%
100%
exit prop on page
0%
100%
useReducedMotion usage
0%
0%
Reduced motion respected
0%
75%
Stagger implementation
40%
100%
Lowercase motion import
0%
100%
AnimatePresence import source
0%
100%
Page key for transitions
0%
100%
Without context: $0.3375 · 1m 29s · 14 turns · 63 in / 5,521 out tokens
With context: $0.4101 · 1m 3s · 18 turns · 18 in / 3,385 out tokens
- Evaluated
- Agent
- Claude Code
- Model
- Unknown
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.