animation-on-scroll

From README

Animation On Scroll Skill Workflow Confirm animation style, timing, and whether animations should run once or repeat. Provide the keyframes + JS observer snippet and the exact Tailwind class to apply. Offer focused tweaks only (threshold, rootMargin, duration, delay, transform/blur values). checklist Insert the JS snippet in the after the keyframes. Add the animation class and animate-on-scroll to elements. Ensure your keyframes name matches the Tailwind animation reference. IntersectionObserver trigger Keyframes Tailwind example Customization knobs Trigger: adjust threshold and rootMargin for earlier/later reveals. Repeat: set once = false to allow replays when re-entering. Motion: tweak translateY and blur in keyframes. Timing: change duration and delay in the Tailwind animation value. Common pitfalls Forgetting to include the keyframes before the JS snippet. Using a different keyframe name than in the Tailwind animation.