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.
- skills.sh installs
- 147
- GitHub stars
- 947
- last updated
- Aug 21, 2026
Install
$ npx -y skills add raphaelsalaja/userinterface-wiki --skill mastering-animate-presence --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/raphaelsalaja/userinterface-wiki
- Categories
- Documentation, Design & UI/UX
- First seen
- Jun 3, 2026
More from raphaelsalaja/userinterface-wiki
All 8Recommended
More Documentation
code-reviewcloudflare/cloudflare-docsReviews Workers and Cloudflare Developer Platform code for type correctness, API usage, and configuration validity. Load when reviewing TypeScript/JavaScript us144skills.sh installs
pseudo-elementsraphaelsalaja/userinterface-wikiAudit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs fi139skills.sh installs
cloudflarecloudflare/cloudflare-docsComprehensive Cloudflare platform skill covering Workers, Pages, storage (KV, D1, R2), AI (Workers AI, Vectorize, Agents SDK), networking (Tunnel, Spectrum), se132skills.sh installsmorphing-iconsraphaelsalaja/userinterface-wikiBuild icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon transitions",120skills.sh installs