Mobile Touch

This translates Disney's classic animation principles into practical mobile gesture design. You get a quick reference mapping each principle to iOS and Android implementations, from rubber-band scrolling (squash and stretch) to momentum physics (follow through). The timing guidelines are spot on: touch response under 100ms, transitions at 250-350ms. It includes actual Swift and Kotlin snippets for spring animations and pairs them with haptic feedback patterns. What makes this useful is it bridges the gap between animation theory and the specific constraints of mobile platforms, like respecting safe areas during motion and hitting 60fps minimum. If you're building native apps and want gestures that feel polished rather than robotic, the principles here actually map to code.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 5
skills.sh installs: 2.4K
GitHub stars: 146
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add dylantarre/animation-principles --skill mobile-touch --agent claude-code

Installs into .claude/skills of the current project.

Files

Mobile Touch Animation

Apply Disney's 12 animation principles to mobile gestures, haptics, and native app motion.

Quick Reference

Principle	Mobile Implementation
Squash & Stretch	Rubber-banding, bounce on scroll limits
Anticipation	Peek before reveal, long-press preview
Staging	Sheet presentations, focus states
Straight Ahead / Pose to Pose	Gesture-driven vs preset transitions
Follow Through / Overlapping	Momentum scrolling, trailing elements
Slow In / Slow Out	iOS spring animations, Material easing
Arc	Swipe-to-dismiss curves, card throws
Secondary Action	Haptic pulse with visual feedback
Timing	Touch response <100ms, transitions 250-350ms
Exaggeration	Bounce amplitude, haptic intensity
Solid Drawing	Respect safe areas, consistent anchors
Appeal	60fps minimum, gesture continuity