Loading...
Loading...
Found 69 Skills
Implements scroll-driven storytelling experiences with pinned sections, progressive reveals, and scroll-linked animations. Use when asked to build scrollytelling, scroll-driven animations, parallax effects, narrative scroll experiences, or story-driven landing pages.
Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobile platforms.
Tailwind CSS animations and transitions including built-in utilities and custom animation patterns
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
Use when animation speed feels wrong—too fast, too slow, or inconsistent
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when animation doesn't work as expected, has bugs, or behaves inconsistently