Loading...
Loading...
Found 140 Skills
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Use when animation runs slow, janky, or causes frame drops
Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
Use when animation is limited by browser support, platform capabilities, or technical requirements
Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.