Skills
.Work. You
Rest

gsap-interactions

Community

Craft smooth GSAP animations and scroll effects.

Software Engineering#frontend development#gsap#parallax#scroll animations#video scrubbing#typography animation
AuthorRollySeth
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the manual effort and inconsistent results of building custom GSAP animations and scroll interactions for websites, ensuring polished, performant motion design that aligns with project assets and branding.

Core Features & Use Cases

  • Scroll-Triggered Animations: Add fade-ins, staggered reveals, and scroll-linked effects to any web element for engaging user experiences.
  • Parallax & Floating Sections: Build immersive parallax layouts, floating SVG/raster element sections, and subtle background accent icons.
  • Video Scrubbing & Typography Animation: Create cinematic scroll-scrubbed video backgrounds and dynamic text effects like blur-to-sharp reveals and vertical word marquees.
  • Use Case: For a SaaS product landing page, use this Skill to add a scroll-scrubbed hero video, parallax floating feature icons, and animated typography for key value propositions.

Quick Start

Ask the AI to add a scroll-triggered fade-in animation for all project case study cards with a 0.6s stagger effect.

Dependency Matrix

Required Modules

None required

Components

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: gsap-interactions
Download link: https://github.com/RollySeth/AI-Taste-Skill/archive/main.zip#gsap-interactions

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.