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