Individual skill

gsap-scrolltrigger-storytelling

Build cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, smooth interpolation, and immersive section transitions.

agent-skills/web-design/gsap-scrolltrigger-storytelling/SKILL.md

Read pinned source

Source commit 5ea1661a0e05d82b054553daaa6baf6d0233c33c

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Network or broad shell
Last checked: Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 7,346
Repository last updated: Nov 8, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

design Derived category
writing Derived category
design-interface Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 4,034 bytes
demo/PROMPT.mddoc · 3,615 bytes
demo/assets/page-03-1779243686348-eb642d26-a435-4dff-bb2f-0003b03f70.pngasset · 5,218,447 bytes
demo/assets/page-04-1779243717410-ddca821f-6595-4a25-8269-cc90ddb2c1.pngasset · 4,404,485 bytes
demo/assets/source-preview.jpgasset · 97,137 bytes
demo/index.htmlasset · 52,946 bytes
demo/preview.jpgasset · 81,396 bytes
demo/source.jsonasset · 4,157 bytes

Read excerpt


# GSAP ScrollTrigger Storytelling Skill

## Use When
- Build cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, smooth interpolation, and immersive section transitions.

## Workflow

## Scope
- Apply this when the page should feel like a scroll-driven product story rather than a static marketing layout.
- Use GSAP ScrollTrigger as the main choreography layer for sticky sections, progressive interface reveals, pinned scenes, scrubbed timelines, and immersive transitions between sections.
- Preserve the actual product narrative and interface clarity. The motion should amplify comprehension, not hide basic content behind theatrical effects.

## Experience target
- Create sticky product storytelling where each scroll segment reveals a new product state, feature layer, data view, device frame, or workflow step.