Loading...
Loading...
Found 92 Skills
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Use when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and needs systematic troubleshooting.
Use when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.
Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.