mastering-animate-presence
CommunityAudit AnimatePresence code for robust exit flows.
Authorraphaelsalaja
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Audit and enforce AnimatePresence best practices in Motion/Framer Motion code, focusing on exit animations and presence state to prevent subtle UI bugs.
Core Features & Use Cases
- Detect missing exit props, improper wrapping with AnimatePresence, and misconfigured keys in lists.
- Validate mode selection, nested exit coordination, and presence hook usage across React components.
- Use cases include reviewing modals, tooltips, and dynamic lists to ensure smooth, predictable animations.
Quick Start
Run the audit against your codebase to surface file:line findings for AnimatePresence issues.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mastering-animate-presence Download link: https://github.com/raphaelsalaja/userinterface-wiki/archive/main.zip#mastering-animate-presence Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.