mobile-touch
CommunityDesign responsive mobile gestures and haptics
Authorlionheartapp
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Mobile touch interactions often feel disconnected, laggy, or inconsistent across iOS and Android, causing poor perceived performance and confusing feedback for users; this Skill provides concrete motion and haptic guidance to make gestures feel natural, responsive, and platform-appropriate.
Core Features & Use Cases
- Animation Principles Mapped to Touch: Applies Disney's 12 animation principles to gestures, transitions, and haptics so interactions feel intentional and readable.
- Platform Patterns & Parameters: Recommends iOS spring settings, Android spring forces, easing curves, timing windows, and mass/damping guidance for predictable motion.
- Haptic Pairing & Timing: Specifies when to pair selection, success, warning, and error haptics with visual feedback and how to sync them precisely with animations.
- Use Case: Implement swipe-to-dismiss cards with arc trajectories and momentum, long-press previews with anticipation, and sheet presentations that stage content and preserve safe-area anchors.
Quick Start
Design a swipe-to-dismiss gesture for iOS that uses spring-based timing, follows an arc based on velocity, and emits a light success haptic when the dismissal completes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mobile-touch Download link: https://github.com/lionheartapp/lionheart-ops/archive/main.zip#mobile-touch Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.