gsap-best-practices

Use when writing, reviewing, or refactoring GSAP animation code in JavaScript/TypeScript (tweens, timelines, ScrollTrigger, matchMedia, plugin usage, and performance tuning) to enforce production-safe animation patterns.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "gsap-best-practices" with this command: npx skills add jackkkonggg/skills/jackkkonggg-skills-gsap-best-practices

GSAP Best Practices

Apply these rules when working on GSAP-powered animation codebases.

Current platform note

  • As of March 6, 2026, official GSAP docs state that all plugins, including former Club GSAP bonus plugins, are freely available in the public package. Use the standard gsap package and do not recommend legacy private-registry or paid-only installation flows. Prefer GSAP 3.13+ when this matters.

Rule loading order

  1. Read rules/gsap-core.md.
  2. Read rules/gsap-timelines.md.
  3. Read rules/gsap-scrolltrigger.md.
  4. Read rules/gsap-performance.md.
  5. Use AGENTS.md as a compact summary plus pointer.

Enforcement policy

  • Use recommendation-first language for style and performance guidance.
  • Use strict language (must / must not) only for correctness, stability, and accessibility constraints.
  • Prefer official GSAP docs when resolving conflicts; update these rules when docs change.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

convex-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
6-jackkkonggg
General

react-gsap-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
5-jackkkonggg
Coding

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Repository SourceNeeds Review
162.6K94.2Kanthropics
Coding

remotion-best-practices

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

Repository SourceNeeds Review
149.3K2.1Kremotion-dev