10 actions in 10 pieces of software · ranked by words, meaning and measured trust · 533 ms

1. 1emilkowal-animationsverified and signedpassport

   skillpproenca/dot-skillsrecord

   • emilkowal-animations

     Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.

2. 2review-animationsverified and signedpassport

   skillemilkowalski/skillsrecord

   • review-animations

     Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

3. 3tailwindcss-animationsverified and signedpassport

   skilljosiahsiegel/claude-plugin-marketplacerecord

   • tailwindcss-animations

     Tailwind CSS animations and transitions including built-in utilities and custom keyframes. PROACTIVELY activate for: (1) animate-* utilities (spin, ping, pulse, bounce), (2) custom @keyframes via @theme animate, (3) transition utilities (transition, duration, ease), (4) transforms (scale, rotate, tr

4. 4react-native-animationsverified and signedpassport

   skillpluginagentmarketplace/custom-plugin-react-nativerecord

   • react-native-animations

     Master animations - Reanimated 3, Gesture Handler, layout animations, and performance optimization

5. 5awwwards-animationsverified and signedpassport

   skilldevmartinese/awwwards-animations-skillrecord

   • awwwards-animations

     Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when building premium scroll experiences, custom cursors, page transitions, text animations, parallax effects, micro-interactions, or any animation tha

6. 6scroll-animationsverified and signedpassport

   skilldylantarre/animation-principlesrecord

   • scroll-animations

     Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.

7. 7creating-reanimated-animationsverified and signedpassport

   skillestevg/skillsrecord

   • creating-reanimated-animations

     Generate React Native Reanimated animation code for React Native apps. Use when user asks to create, implement, or add animations in React Native — including transitions, gestures, scroll-linked effects, layout animations, layout transitions, entering/exiting animations, CSS animations, CSS transiti

8. 8rive-animationsverified and signedpassport

   skilldylantarre/animation-principlesrecord

   • rive-animations

     Use when implementing Disney's 12 animation principles with Rive interactive animations

9. 9emilkowalski-motionverified and signedpassport

   skillnexu-io/open-designrecord

   • emilkowalski-motion

     Motion-design follow-up skill inspired by Emil Kowalski's animation guidance. Use after an interface exists to add tasteful micro-interactions, state transitions, and page motion with product-grade restraint.

10. 10emil-design-engverified and signedpassport

    skillemilkowalski/skillsrecord

    • emil-design-eng

      This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.