react-gsap-best-practices

Use when building, reviewing, or refactoring React components that use GSAP or @gsap/react (useGSAP, contextSafe, dependency-driven updates, ScrollTrigger integration, and SSR-safe setup) 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 "react-gsap-best-practices" with this command: npx skills add jackkkonggg/skills/jackkkonggg-skills-react-gsap-best-practices

React GSAP Best Practices

Apply these rules when working on React codebases that use GSAP.

Rule loading order

  1. Read rules/react-gsap-setup.md.
  2. Read rules/react-gsap-lifecycle.md.
  3. Read rules/react-gsap-scrolltrigger.md.
  4. Read rules/react-gsap-ssr-strictmode.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 lifecycle correctness, memory safety, and accessibility constraints.
  • Prefer official React and 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

gsap-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
7-jackkkonggg
General

convex-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
6-jackkkonggg
General

nano-banana-2

Nano Banana 2 - Gemini 3.1 Flash Image Preview

Repository Source
49.1K156inferen-sh
General

qwen-image-2

Qwen-Image - Alibaba Image Generation

Repository Source
48.9K156inferen-sh