GSAP Skills
Official GreenSock GSAP skills for scroll animations, timelines, SplitText, ScrollTrigger, and framework integrations—keeps marketing-page motion on-API.
Overview
Official GSAP skills from GreenSock help Claude implement marketing-page motion correctly: core API, timelines, ScrollTrigger, plugins, and React/Vue/Svelte integration. Composio’s marketing roundup recommends them whenever scroll-driven heroes and text reveals are part of the growth site.
Work with LimeDock
Using this skill? LimeDock can wire it into a durable automation you own.
Skills show what's possible. LimeDock builds and runs the owned marketing, sales, and ops automations around them.
We sell owned automations for SaaS teams — live workflows that plug into Slack, CRM, and your internal platform — not just a skill list.
Link
Installation guide
Install the official GSAP skills pack from GreenSock’s published skills/registry (see https://gsap.com/ and the publisher README), or add the skill folder to `~/.claude/skills/gsap`. Works across Claude Code, Codex, Cursor, and other agents.
How to use it
Describe the motion (load reveal, scroll pin, stagger). Ask Claude to use GSAP best practices with cleanup (e.g. useGSAP in React). Verify performance on mobile.
Example prompts
- “Using GSAP + ScrollTrigger, add a hero SplitText reveal and staggered feature cards to this React page with proper cleanup.”
- “Build a pinned section with horizontal scroll for our product tour.”
- “Refactor this animation to use useGSAP and avoid memory leaks.”
Use cases and examples
- Hero SplitText reveals
- ScrollTrigger feature sections
- Pinned horizontal product tours
- React-safe GSAP timelines
- Marketing landing motion systems
Prerequisites
- Claude Code, Claude.ai Skills, or another Agent Skills–compatible host
- Product/brand context (ICP, offer, URLs, constraints) for grounded outputs
- Optional: `.agents/product-marketing.md` or `.claude/product-marketing.md` in the repo
- Permission to install third-party skills — audit SKILL.md first
- Optional: analytics or ad-platform access when the task needs real performance data
Tips
- Keep triggers specific so GSAP Skills only fires when relevant.
- Audit SKILL.md and any bundled scripts before production use.
- Pair with verification (analytics, QA, human edit) before shipping.
- Re-audit installed skills monthly to avoid context tax from unused packs.