mobile-touch

Community

Design 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.