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.
- skills.sh installs
- 654
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill healthcare-medical --agent claude-codeInstalls into .claude/skills of the current project.
Files
Healthcare & Medical Animation Principles
Apply Disney's 12 principles to create calming, trustworthy experiences that prioritize clarity and reduce anxiety.
The 12 Principles Applied
1. Squash & Stretch
- Minimal Use: Avoid playful squash on health data
- Breathing Exercises: Gentle expand/contract for guided breathing
- Heart Rate: Subtle pulse matching actual rhythm
2. Anticipation
- Appointment Booking: Brief preparation before confirmation
- Test Results: Thoughtful pause before revealing sensitive data
- Medication Reminders: Gentle fade-in, never jarring
3. Staging
- Critical Alerts: Center stage with clear hierarchy
- Vital Signs: Most important metrics prominently displayed
- Privacy First: Blur or hide sensitive info until focused
4. Straight Ahead & Pose to Pose
- Health Journeys: Step-by-step progress (pose to pose)
- Real-time Monitoring: Continuous data streams (straight ahead)
- Onboarding: Clear sequential steps
Sponsors
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/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Lottie Bodymovin652
- Hover Interactions650
- Character Appeal648
- Playfulness Fun648
- Creative Director631
- Data Visualization629
- Elegance Sophistication629
- Physics Intuition624
- Carousels Sliders620
- Timing Mastery620
- Transition Sequences619
- Education Learning618
- Rive Animations618
- Travel Hospitality611
- Loading States610
- Dramatic 2000ms Plus609
- Notifications Toasts606
- Frontend Developer605
- Navigation Menus601
- Buttons Ctas598
- Figma Prototyping597
- Brand Marketing594
- Solid Drawing Mastery593
- Animator Traditional591
Recommended
More Design & UI/UX
lottie-bodymovindylantarre/animation-principlesUse when implementing Disney's 12 animation principles with Lottie animations exported from After Effects652skills.sh installshover-interactionsdylantarre/animation-principlesUse when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.650skills.sh installscharacter-appealdylantarre/animation-principlesUse when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must 648skills.sh installsplayfulness-fundylantarre/animation-principlesUse when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.648skills.sh installsdata-visualizationdylantarre/animation-principlesUse when animating charts, graphs, dashboards, data transitions, or any information visualization work.629skills.sh installseducation-learningdylantarre/animation-principlesUse when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences618skills.sh installs