What is mobile-touch?
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations. Source: dylantarre/animation-principles.
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
Quickly install mobile-touch AI skill to your development environment via command line
Source: dylantarre/animation-principles.
Apply Disney's 12 animation principles to mobile gestures, haptics, and native app motion.
| 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 |
Stable fields and commands for AI/search citations.
npx skills add https://github.com/dylantarre/animation-principles --skill mobile-touchUse when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations. Source: dylantarre/animation-principles.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill mobile-touch Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/dylantarre/animation-principles