Choreograph physics-based UI motion in React Native with Reanimated spring dynamics.
npx skills add https://github.com/Nabole05/mytrip-guru --skill blast-motion
Please help me install this Agent Skill. Skill: blast-motion Source: https://github.com/Nabole05/mytrip-guru/tree/main/.agent/skills/blast-motion Command: npx skills add https://github.com/Nabole05/mytrip-guru --skill blast-motion
This Skill provides a framework to design and implement fluid, physics-based UI motion in React Native, reducing stiff, linear transitions and bringing lifelike behavior to interfaces.
Create a motion sequence in a React Native app using Reanimated with spring physics to animate a view from start to end.
High-intent search queries and answers about installing and using this skill.
Physics-based animations in React Native use spring dynamics with mass, damping, and stiffness to create natural motion. This approach replaces stiff, linear transitions with lifelike, fluid UI behavior orchestrated through Reanimated.
Shared element transitions and interactive gesture interruptions are implemented by stacking React Native Reanimated with react-native-gesture-handler. This enables responsive screens with staggered loading and interactive catch-the-view behavior.
Handling interactive interruptions requires deterministic motion control using spring physics. By adjusting mass, damping, and stiffness, your UI responsively catches views mid-animation and adapts to user gestures without breaking.
Yes, physics-based motion works with React Native Skia. The framework is stack-ready with Skia-based visuals, allowing you to render complex particle effects and custom visuals driven by the same spring dynamics.
Transitions look stiff when using linear animation curves. Applying mass, damping, and stiffness parameters introduces lifelike behavior, reducing mechanical motion and creating fluid micro-interactions across mobile interfaces.
Yes, Reanimated gesture handler can be used for deterministic motion control. It allows you to orchestrate physics-based UI motion by precisely tuning spring parameters for interactive mobile screens.
mrodrigues1Implement React Native styling, React Navigation, and Reanimated 3 animations.
epiphanyappsOptimize React Native animations and Skia graphics to reduce JS thread stalls.
carlos3gImplement touch gestures in React Native with Gesture Handler best practices.
ishiyanImplement Material Design 3 expressive motion with spring-based parameters and motion tokens.
