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

OpenClaw Skill Growth

Make OpenClaw Skills observable, diagnosable, and safely improvable over time. Use this when the user wants to maintain many SKILL.md files, inspect repeated...

Registry SourceRecently Updated
171Profile unavailable
General

Find Skills for ClawHub

Search for and discover OpenClaw skills from ClawHub (the official skill registry). Activate when user asks about finding skills, installing skills, or wants...

Registry SourceRecently Updated
2871Profile unavailable