Plan UI animations with timing, easing, and accessibility compliance.
npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill animate-asktinnguyen
Please help me install this Agent Skill. Skill: animate Source: https://github.com/AskTinNguyen/vesper-team-skills/tree/main/animate Command: npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill animate-asktinnguyen
Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.
Assess the current UI, gather context, and draft a motion plan that adds purposeful animations while respecting accessibility constraints.
High-intent search queries and answers about installing and using this skill.
Yes, accessibility-first animation planning respects prefers-reduced-motion settings and provides non-animated alternatives, ensuring users with motion sensitivities can navigate interfaces comfortably while maintaining functional feedback.
Implementing motion design for interaction flows requires a structured plan covering timing, easing curves, and tool selection for CSS or JS-based animations, applied across onboarding, form interactions, navigation, and data-loaded states.
To plan UI animations effectively, identify key interaction moments where motion clarifies relationships or provides feedback, then establish timing, easing, and performance budgets to ensure smooth implementation without degrading user experience.
Implementing motion design for interaction flows requires a structured plan covering timing, easing curves, and tool selection for CSS or JS-based animations, applied across onboarding, form interactions, navigation, and data-loaded states.
Yes, this motion strategy provides practical implementation guidance covering timing, easing, and performance budgets that apply to both CSS and JavaScript based animation tools across web and mobile interfaces.
Add purposeful animations to data-loaded states by applying a motion strategy that uses micro-interactions to provide visual feedback, clarify relationships, and create delight, thereby improving perceived performance during loading delays.
Shaarav4795Define UI motion guidelines for timing, easing, reduced-motion, and transitions.
SL-A-SHPlan UI animations with CSS timing, easing, opacity transforms, and JavaScript strategies.
TheGoat395Audit website and app motion performance for jank, layout shift, and leaks.
rattamnoonPlan purposeful UI animations with accessibility and evaluation criteria.
