Fitness Wellness

This is a solid reference for applying Disney's 12 animation principles to fitness and wellness interfaces. It breaks down how to handle the dual personality problem these apps face: energetic, punchy animations for workouts (150ms button presses, bouncy achievement pops) versus slow, calming motion for meditation features (500ms fades, breathing-synced timing). The timing tables are practical, and the principle-by-principle breakdown covers the usual suspects like progress rings, workout countdowns, and achievement celebrations. The core insight is right: match your animation energy to activity intensity. Use it when you need to justify animation decisions to stakeholders or need a quick reference for easing curves and durations.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill fitness-wellness --agent claude-code