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). Usage checklist Insert the JS snippet in the <head> after the keyframes. Add the animation class and animate-on-scroll to elements. Ensure your keyframes name matches the Tailwind animation reference. IntersectionObserver trigger < script
/* Sequence animation on scroll when visible. Requires Animation Keyframe. Usage: 1) Insert this code in the < head
along with the Animation Keyframe code. Show more Installs 1.0K Repository mengto/skills GitHub Stars 5.8K First Seen Feb 7, 2026 Security Audits Gen Agent Trust Hub Pass Socket Pass Snyk Pass