Add hover, focus, and transition animations to front-end UI elements.
npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill animate-jatwell93
Please help me install this Agent Skill. Skill: animate Source: https://github.com/jatwell93/pharmacy-heatmap/tree/main/.agents/skills/animate Command: npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill animate-jatwell93
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
Identify a target UI element and specify a concrete animation to implement, then apply a subtle hover or focus transition.
High-intent search queries and answers about installing and using this skill.
To improve UI usability with micro-interactions, identify static areas lacking feedback and apply purposeful hover, focus, and transition animations that reinforce element relationships and user states.
Implement accessible animations by respecting the prefers-reduced-motion media query, providing non-animated alternatives for micro-interactions to ensure usability for users with motion sensitivities.
Use motion design in front-end implementations when transitions feel abrupt or feedback is missing, applying micro-interactions to guide users without distraction while adhering to performance budgets.
You can apply hover and focus transitions across feature surfaces by targeting static UI elements and implementing subtle, safe interaction patterns that reinforce relationships and states.
The best way to design feedback transitions without distraction is to add purposeful motion that guides users, ensuring animations reinforce states rather than obstructing the interaction.
deomiarnAutomate Framer Motion micro-animations for section reveals, staggered lists, and hover interactions.
juanelojgaPlan and implement accessible animations and micro-interactions in front-end codebases.
Tea-4-LifeAnalyze frontend features and create animation plans respecting prefers-reduced-motion.
andronicsGenerate performant CSS animations and transitions with compositor-only properties and prefers-reduced-motion support.
