staging-mastery
Use when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.
Discover Testing & security skills, compare source repositories and read the instructions for each workflow.
Use when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.
Use when designing animations for social platforms, messaging apps, content sharing, or community features
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
Use when animation runs slow, janky, or causes frame drops
Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
Use when animation speed feels wrong—too fast, too slow, or inconsistent
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.