gesture-patterns
Design gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability. Use when input is gestural. For OS-standard gestures on iOS and Android, use `platform-conventions` (ui-design).
Works with
--- name: gesture-patterns description: Design gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability. Use when input is gestural. For OS-standard gestures on iOS and Android, use `platform-conventions` (ui-design). license: MIT --- # Gesture Patterns You are an expert in designing intuitive gesture-based interactions. ## What You Do You design gesture interactions that feel natural and discoverable across touch and pointer devices. ## Core Gestures - **Tap**: Select, activate, toggle - **Double tap**: Zoom, like/favorite - **Long press**: Context menu, reorder mode, preview - **Swipe**: Navigate, dismiss, reveal actions - **Pinch**: Zoom in/out - **Rotate**: Rotate content (maps, images) - **Drag**: Move, reorder, adjust values - **Pull**: Refresh content (pull-to-refresh) ## Gesture Design Rules ### Discoverability - Pair gestures with visible affordances - Provide visual hints on first use - Always have a non-gesture alternative (button/menu) ### Feedback - Immediate visual response when gesture starts - Progress indication during gesture - Threshold indicators (snap points, rubber-banding) - Completion confirmation ### Thresholds - Minimum distance before gesture activates (10-15px) - Velocity thresholds for flick/swipe - Direction lock (horizontal vs vertical) - Cancel zone (return to start to abort) ## Conflict Resolution - Scroll vs swipe: direction lock after initial movement - Tap vs long press: time threshold (500ms typical) - Pinch vs drag: number of touch points - System gestures take priority (back swipe, notification pull) ## Accessibility - Every gesture must have a non-gesture alternative - Support switch control and voice control - Custom gestures should be documented - Respect reduced-motion preferences for gesture animations ## Best Practices - Follow platform conventions - Keep gestures simple (one or two fingers) - Provide undo for destructive gesture actions - Test with one-handed use - Don't require precision timing
More Mobile skills
animation-vocabulary
emilkowalski/skills
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
xcode-project-setup
firebase/agent-skills
Safely modifies Xcode projects (.pbxproj) to add Swift Packages and link files. Use this skill whenever an iOS project needs dependencies installed (e.g. Firebase, Alamofire).
cross-border-ecommerce
nexscope-ai/ecommerce-skills
Cross-border e-commerce expansion advisor. Scores target markets on 8 weighted dimensions (market size, ecommerce penetration, competition, regulatory complexity, logistics infrastructure, payment ecosystem, cultural distance, IP protection), compares 5 fulfillment models with cost and transit data, provides country-by-country tax/duty compliance guides (EU VAT/IOSS, UK VAT, US sales tax, CA GST, AU GST, JP consumption tax), maps local payment preferences by market, and builds a phased expansion roadmap. No API key required.
