LogoClawIndex
CasesSkillsAbout
LogoClawIndex

gsap-core - Build Core GSAP Animations

Create and explain GSAP core tweens, easing, duration, stagger, transforms, defaults, and responsive or reduced-motion animation.

Tags

Updated: 2026-09-29
GSAPJavaScriptanimationtweenseasingSVGresponsive designreduced motion

Capabilities

Create GSAP tweensConfigure animation easingSet durations and delaysStagger multiple targets

Typical Inputs

Animation targetsAnimation propertiesEasing configuration

Typical Outputs

GSAP animation codeAnimated DOM elementsAnimated SVG elements

What this skill does

  • Create GSAP tweens
  • Configure animation easing
  • Set durations and delays
  • Stagger multiple targets
  • Animate CSS and SVG
  • Control tween instances
  • Apply responsive media queries
  • Support reduced motion

Inputs

  • Animation targets
  • Animation properties
  • Easing configuration
  • Timing configuration
  • Responsive conditions
  • Reduced-motion preference

Outputs

  • GSAP animation code
  • Animated DOM elements
  • Animated SVG elements
  • Tween state changes

Requirements

  • JavaScript environment
  • GSAP library
  • DOM or SVG targets for element animation

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.