Production-grade premium animation compositions from official GSAP showcases. Complete multi-plugin references for building beautiful, polished animations. Companion to official gsap-core, gsap-plugins, gsap-timeline skills (API reference). Triggers: premium animation, showcase, production animation, beautiful animation, hero animation, page transition, loading animation, immersive scroll, complete animation, polished animation, animation composition, multi-plugin animation. Non-triggers: Not for single-technique recipes (use gsap-scroll, gsap-text, etc.), not for API reference (use official gsap-skills), not for setup (use gsap-setup). Outcome: Provides a complete premium animation reference with orchestration notes, which gsap-animate then adapts using individual technique skills.
Installation
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Production-grade premium animation compositions from official GSAP showcases. Complete multi-plugin references for building beautiful, polished animations. Companion to official gsap-core, gsap-plugins, gsap-timeline skills (API reference). Triggers: premium animation, showcase, production animation, beautiful animation, hero animation, page transition, loading animation, immersive scroll, complete animation, polished animation, animation composition, multi-plugin animation. Non-triggers: Not for single-technique recipes (use gsap-scroll, gsap-text, etc.), not for API reference (use official gsap-skills), not for setup (use gsap-setup). Outcome: Provides a complete premium animation reference with orchestration notes, which gsap-animate then adapts using individual technique skills.
GSAP Showcase — Premium Animation References
Companion: For individual GSAP plugin APIs, invoke the relevant official skill
(gsap-core, gsap-plugins, gsap-timeline, gsap-scrolltrigger, etc.).
This skill covers complete compositions only.
How to Use
This skill is the taste layer in a two-layer recipe system:
Layer 1 — Building blocks: Individual technique skills (gsap-scroll, gsap-text,
gsap-cursor, gsap-vfx, etc.) provide isolated, copy-paste patterns.
Layer 2 — Showcase (this skill): Complete premium compositions that combine
multiple plugins into polished, production-grade animations.
Workflow for premium animations:
Check showcase for a composition similar to the request.
Study its orchestration — plugin combination, timing, layering, responsive handling.
Implement using technique skills for each component (scroll triggers via gsap-scroll,
text reveals via gsap-text, interactions via gsap-interact, etc.).
The showcase provides the what and why; technique skills provide the how.
Categories
Category
What
Example
hero-sections
Above-fold hero compositions
Text reveals + scroll + responsive
scroll-experiences
Immersive scroll-driven scenes
3D carousels, pinned sequences
interactive-scenes
Complex interactive compositions
Multi-plugin showcases
page-transitions
Full-page transitions
Between-page animations
loading-sequences
Premium loading/reveal
Staged loading animations
Showcase Entry Format
Each reference file in references/<category>/ contains:
