Agent Skills Index

Directory / Awesome Copilot skills (GitHub) / gsap-framer-scroll-animation

gsap-framer-scroll-animation

skill Design & media

Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snapping, timelines, horizontal scroll, ScrollSmoother, matchMedia) and Framer Motion / Motion v12 (useScroll, useTransform, useSpring, whileInView, variants). Use this skill even if the user just says "animate on scroll", "fade in as I scroll", "make it scroll like Apple", "parallax effect", "sticky section", "scroll progress bar", or "entrance animation". Also triggers for Copilot prompt patterns for GSAP or Framer Motion code generation. Pairs with the premium-frontend-ui skill for creative philosophy and design-level polish.
Description from the SKILL.md front matter.

Install

GitHub CLI v2.90+ (Copilot by default)
gh skill install github/awesome-copilot gsap-framer-scroll-animation
For Claude Code
gh skill install github/awesome-copilot gsap-framer-scroll-animation --agent claude-code
For Codex
gh skill install github/awesome-copilot gsap-framer-scroll-animation --agent codex

Commands follow each host's documentation (GitHub Copilot, plus Claude Code, Codex, Cursor via gh skill docs). gh skill needs GitHub CLI 2.90 or later and is in public preview.

Listed from GitHub + community contributors's catalog, not reviewed by us. Read the source before installing.

Catalog
Awesome Copilot skills (GitHub)
Author
Utkarsh Patrikar
Source code
github/awesome-copilot
License
MIT (repository license)
Repository stars
40,178 for github/awesome-copilot (the whole catalog repo)
Added to catalog
Not tracked for this source
Last change
2026-10-16 (last push to the repo)

What it contains

Similar in Design & media