Loading...
Loading...
Found 54 Skills
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
Converts HTML/CSS to WPF CustomControl XAML with correct patterns and common pitfall solutions. Use when transforming web designs to WPF, converting CSS animations to Storyboards, implementing CSS border-radius clipping, CSS pseudo-elements (::before/::after), or CSS transforms in XAML.
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.