Loading...
Loading...
Found 39 Skills
Use when designing animations for any industry or when industry-specific guidelines do not apply
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
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 deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
GUI systems, layout, responsiveness, cross-platform UI. ScreenGuis, UIListLayout, constraint-based design.
Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable.
Framer Motion (Motion) animation patterns for React — springs, staggers, layout animations, micro-interactions, scroll effects, and page transitions. Use when building or improving UI animations, adding polish, or making interfaces feel premium.
Use when implementing Disney's 12 animation principles with any animation tool or framework
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams). Use when building fluid, natural-feeling UI animations, gesture-driven interfaces, physics simulations, or spring-loaded interactions. Triggers on tasks involving React Spring hooks, spring physics, inertia scrolling, physics-based motion, animation composition, or natural UI movements. Alternative physics approach to motion-framer for more physically accurate animations.
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
Kuikly DSL Animation Development Assistant (Kuikly DSL). Guides users to implement property animations such as transform, opacity, backgroundColor, and frame using both declarative and imperative approaches, covering serial/parallel orchestration and animation cancellation. Used when users need to implement animation effects.