Healthcare Medical

This applies Disney's 12 animation principles to healthcare interfaces, giving you concrete timing and easing guidelines for medical apps, patient portals, and telehealth. It's focused on restraint: slower transitions (400-600ms), minimal squash and stretch, and thoughtful pauses before revealing sensitive data like test results. The timing table alone is worth it, specifying everything from modal opens (350ms ease-out) to alert appearances (200ms). The core philosophy is that animations in medical contexts should reduce anxiety, not add flair. If you're building anything health related and wondering whether that transition is appropriate or how fast a loading state should animate, this gives you a opinionated framework rooted in trust and clarity.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill healthcare-medical --agent claude-code