animating-scroll-reveals
OfficialAnimate content on scroll
Authormusher-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers add engaging scroll-triggered animations to marketing website sections, improving user experience and visual appeal.
Core Features & Use Cases
- CSS-based animations: Utilize pre-defined
.revealclasses for simple fade and slide effects. - GSAP ScrollTrigger: Implement complex staggered animations or sequenced timelines for dynamic content reveals.
- Reduced Motion Support: Automatically respects user preferences for reduced motion.
- Use Case: When building a new marketing page, use this Skill to decide whether to apply a simple CSS fade-in to a testimonial quote or a GSAP staggered animation to a grid of feature cards.
Quick Start
Use the animating-scroll-reveals skill to add a fade-in animation to the element with the ID 'hero-section'.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: animating-scroll-reveals Download link: https://github.com/musher-dev/bundles/archive/main.zip#animating-scroll-reveals Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.