← All skills

Animation on scroll

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.

Motion and scrollMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/animation-on-scroll .claude/skills/animation-on-scroll

Run it in your project root, then ask your agent for what you want. More detail

What it does

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use when asked for scroll-reveal, animate-on-scroll, or sequencing element animations when they enter the viewport.

Straight from the skill's own SKILL.md. This is what your agent reads.