← All skills

Animation on scroll

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

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 built

A page built by the Animation on scroll design skill
A page this skill built when we ran it. Your result will differ with your brief.

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.