Imported from muhammadAbubakarbilal/DeliveryGap-AI (
deliverygap-engineering-plugin/skills/motion-interactions/SKILL.md). Install upstream withnpx skills add muhammadAbubakarbilal/DeliveryGap-AI --skill motion-interactions. Copyright stays with the author.
Activate when
Adding transitions, drawers, dialogs, menus, expanding evidence, upload progress, polling feedback, or perceived-performance improvements.
Responsibilities
- Use subtle motion to clarify state and spatial relationships.
- Respect reduced-motion preferences and avoid disrupting evidence review.
- Prevent layout shifts and unnecessary rendering cost.
Procedure
- Define the state change and why motion improves comprehension.
- Reuse existing timing/easing tokens or create the smallest justified token.
- Implement enter/exit/focus behavior with reduced-motion fallback.
- Test interrupted, slow, failed, and keyboard-triggered transitions.
Required checks
- Reduced-motion media behavior is verified.
- Motion does not hide content, trap focus, or create layout shift.
- Performance remains acceptable on the target viewport.
Completion criteria
Motion is purposeful, optional for users who request reduced motion, and verified in normal and interrupted interaction paths.
