Plan and implement web animations with reduced-motion fallbacks.
npx skills add https://github.com/jean-sotil/presskitpro-webapp --skill animate-jean-sotil
Please help me install this Agent Skill. Skill: animate Source: https://github.com/jean-sotil/presskitpro-webapp/tree/main/.agents/skills/animate Command: npx skills add https://github.com/jean-sotil/presskitpro-webapp --skill animate-jean-sotil
It solves the problem of UI features feeling abrupt, confusing, or unresponsive by adding purposeful animation and micro-interactions that clarify state changes and provide user feedback.
prefers-reduced-motion.Ask the animate skill to review the specified feature in the codebase and propose an animation plan plus implementation steps that include reduced-motion fallbacks.
High-intent search queries and answers about installing and using this skill.
Purposeful micro-interactions improve UI feedback for clicks, hovers, and toggles while maintaining performance by using transform and opacity properties for smooth rendering.
The best way to animate route transitions is to replace abrupt show/hide changes with orchestrated fade, slide, and skeleton transitions that clarify navigation flow and state changes.
UX motion design respects accessibility by implementing a strategy that includes prefers-reduced-motion fallbacks, ensuring animations are disabled or simplified for users who request reduced motion.
Yes, you can request a review of a specified feature to receive a complete animation plan covering entrance, feedback, transition, and accessibility steps with implementation guidance.
Interface state changes feel abrupt when they lack purposeful animation and micro-interactions that provide visual feedback, clarify state updates, and guide user attention during transitions.
You should avoid animation when it exceeds performance budgets or fails to provide functional value, always ensuring motion serves usability rather than purely decorative purposes.
oliverjone01-devAnalyze interface motion and recommend purposeful animations with reduced-motion support.
djkloopPlan and implement UI animations with accessibility and performance constraints.
hb9397Define UI motion specifications prioritizing performance and accessibility compliance.
marpmePlans and implements CSS/JavaScript animations with accessibility considerations.