mobile-touch이란?
iOS/Android 제스처, 햅틱 피드백, 터치 상호 작용 또는 기본 모바일 애니메이션을 디자인할 때 사용합니다. 출처: dylantarre/animation-principles.
iOS/Android 제스처, 햅틱 피드백, 터치 상호 작용 또는 기본 모바일 애니메이션을 디자인할 때 사용합니다.
명령줄에서 mobile-touch AI 스킬을 개발 환경에 빠르게 설치
출처: 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 |
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/dylantarre/animation-principles --skill mobile-touchiOS/Android 제스처, 햅틱 피드백, 터치 상호 작용 또는 기본 모바일 애니메이션을 디자인할 때 사용합니다. 출처: dylantarre/animation-principles.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dylantarre/animation-principles --skill mobile-touch 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/dylantarre/animation-principles