Guide React, CSS, and Framer Motion UI animations with rule-based guidelines.
npx skills add https://github.com/joaoprocopio/tooling --skill emil-animations
Please help me install this Agent Skill. Skill: emil-animations Source: https://github.com/joaoprocopio/tooling/tree/main/skills/emil-animations Command: npx skills add https://github.com/joaoprocopio/tooling --skill emil-animations
Emil Kowalski’s animation guidelines provide a structured, practical framework to implement polished, accessible, and performant UI motion across web apps.
Analyze an existing UI and replace abrupt transitions with the recommended easing and timing, then adjust transform/opacity usage for GPU acceleration.
High-intent search queries and answers about installing and using this skill.
To implement polished UI animations in Framer Motion and React, replace abrupt transitions with recommended easing and timing, then adjust transform and opacity usage for GPU acceleration.
The best way to handle easing and duration for motion design is to apply a structured, rule-based framework that provides clear guidance on property choices, ensuring consistent and accessible interactions.
Yes, this animation framework provides practical rules and categorized guidelines specifically for transitions, gestures, toasts, and drawers to ensure delightful interactions.
Yes, you can use these motion design guidelines for CSS transitions outside of React, as the framework offers clear guidance applicable to CSS alongside Framer Motion.
UI animations judder when not optimized for GPU acceleration; you fix this by adjusting transform and opacity usage following quick references and motion performance guidelines.
You need to consider accessibility for UI motion design whenever implementing transitions, gestures, toasts, or drawers, ensuring interactions remain accessible and performant across web apps.
mauriciodelrioImplement performant UI animations in React/Next.js with Framer Motion and CSS transitions.
remiconnessonApply animation best practices to React and Framer Motion interfaces.
TheOrcDevOptimizes retro UI animations using GPU-accelerated transforms and opacity.
CrazySwamiCreate GSAP animations with ScrollTrigger and reduced-motion fallbacks.
