useeffect-ban
Installation
SKILL.md
useEffect Ban
Ban direct useEffect calls in React components. Replace them with five
declarative patterns that eliminate race conditions, infinite loops, and
dependency-array hell.
When to apply
- Writing or reviewing React components that contain
useEffect - Building new features where an agent or developer reaches for
useEffect - Refactoring existing code that suffers from effect-related bugs
- Onboarding contributors to a codebase that enforces this rule
- Configuring AI agents (AGENTS.md, Cursor rules, etc.) to follow the policy