react-gsap-best-practices
React GSAP Best Practices
Apply these rules when working on React codebases that use GSAP.
Rule loading order
- Read
rules/react-gsap-setup.md. - Read
rules/react-gsap-lifecycle.md. - Read
rules/react-gsap-dependency-bugs.md. - Read
rules/react-gsap-scrolltrigger.md. - Read
rules/react-gsap-ssr-strictmode.md. - Use
AGENTS.mdas 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.
More from jackkkonggg/skills
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.
13convex-best-practices
Use when writing, reviewing, or refactoring Convex backend code (queries, mutations, actions, HTTP actions, schema, indexes, scheduling, file storage, and search) to enforce production-safe patterns.
7code-audit
Use when auditing a codebase against best practices. Auto-detects technologies, loads relevant docs via Context7 MCP and installed skills, evaluates code systematically, and produces a prioritized findings report with optional auto-fix.
1swift-best-practices
Use when writing, reviewing, or refactoring Swift code to enforce best practices — naming, types, error handling, protocols, memory management, performance, and modern patterns — for idiomatic, safe Swift.
1typescript-clean-code
Use when writing, reviewing, or refactoring TypeScript code to enforce Clean Code principles — naming, functions, types, error handling, modules, testing, comments, and code smells — adapted for idiomatic TypeScript.
1grammy-best-practices
Use when writing, reviewing, or refactoring grammY Telegram bots in Node.js/TypeScript (middleware, commands, filters, sessions, conversations, API transformers, files/media handling, flood-limit control, runner concurrency, webhooks, and deployment operations) to enforce production-safe patterns.
1