ui-animation
Guidelines and patterns for high-performance, accessible UI animations using CSS and Framer Motion.
Install
npx skills add https://github.com/mblode/agent-skills --skill ui-animationStats
| Total installs | 2,426 |
| Weekly installs | 2.4K |
| GitHub stars | 19 |
| First seen | Jan 30, 2026 |
| Source | @mblode/agent-skills |
Summary
- Covers CSS transitions, keyframes, Framer Motion, and spring animations with guidance on easing curves, timing (200–300ms standard), and transform-based motion
- Enforces prefers-reduced-motion support, touch-device hover handling, and keyboard interaction rules to ensure accessible motion
- Provides anti-patterns to avoid: transition: all, layout property animation, permanent will-change, and unmotivated entrance animations
- Includes performance optimization rules: animate only transform and opacity, pause off-screen loops, and toggle will-change conditionally
Tags
Related skills
| Skill | Installs | vs ui-animation |
|---|---|---|
| flutter-theming-apps | 2,564 | +138 |
| angular-ssr | 2,196 | -230 |
| flutter-interoperating-with-native-apis | 2,163 | -263 |
| tailwind-v4-shadcn | 2,662 | +236 |
| flutter-building-layouts | 2,891 | +465 |
FAQ
- How many installs does ui-animation have?
- ui-animation has 2,426 total installs and 2.4K installs this week.
- Where is ui-animation hosted?
- ui-animation is published by @mblode/agent-skills at https://github.com/mblode/agent-skills.
- How many GitHub stars does ui-animation have?
- ui-animation has 19 GitHub stars.
- When was ui-animation first indexed?
- OrangeBot.AI first indexed ui-animation on Jan 30, 2026.
- How do I install ui-animation?
- Run: npx skills add https://github.com/mblode/agent-skills --skill ui-animation