gsap-sequencing

SKILL.md

| 0 | At 0 seconds (absolute) | | 2 | At 2 seconds (absolute) | | '+=0.5' | 0.5s after previous end | | '-=0.5' | 0.5s before previous end | | '<' | When previous starts | | '>' | When previous ends | | '<0.3' | 0.3s after previous starts | | '>-0.3' | 0.3s before previous ends | | 'myLabel' | At label position | | 'myLabel+=0.5' | 0.5s after label |

Complex GSAP timelines including labels, callbacks, nested timelines, and position parameters. Use when orchestrating multi-step animations, building animation sequences, or creating coordinated motion. Essential for cinematic animations and complex UI choreography. Source: bbeierle12/skill-mcp-claude.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill gsap-sequencing Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw