Mastering Animate Presence

This pulls from a comprehensive UI/UX wiki with 152 rules across animation, timing, and interface design. You'd reach for it when implementing AnimatePresence exit animations, choosing between springs and easing curves, or reviewing whether your timing functions match the interaction type. The rules are specific and opinionated: no entrance animations on context menus, springs for gesture-driven motion, easing for state changes, and everything user-initiated under 300ms. It covers the technical details like why you need unique keys for exit animations and when to use popLayout mode. Honestly more useful as a reference during code review than as active generation guidance, but the specificity is what makes it work.

Install to Claude Code

npx -y skills add raphaelsalaja/userinterface-wiki --skill mastering-animate-presence --agent claude-code