Gesture Patterns
- 946 installs
- 1.9k repo stars
- Updated June 14, 2026
- owl-listener/designer-skills
gesture-patterns is a Claude Code skill that designs discoverable touch and pointer gesture interactions for developers building interfaces that must feel natural across phones, tablets, and desktop pointers.
About
gesture-patterns is a designer-skills guide from owl-listener/designer-skills for intuitive gesture-based interactions on touch and pointer devices. It catalogs core gestures—tap, double tap, long press, swipe, pinch, rotate, drag, and pull-to-refresh—with use cases like select, zoom, context menus, dismiss, and refresh. The skill emphasizes discoverability rules so gestures feel learnable without hidden-only affordances. Developers reach for gesture-patterns when designing mobile apps, map interfaces, reorderable lists, or responsive components where mouse and touch behaviors must stay consistent. It complements component libraries by defining interaction semantics before wiring React Native, SwiftUI, or web pointer event handlers.
- Designs 8 core gestures including tap, double tap, long press, swipe, pinch, rotate, drag and pull
- Enforces discoverability, feedback, thresholds and conflict-resolution rules
- Always requires a non-gesture fallback for accessibility
- Handles platform gesture conflicts and system priority rules
- Produces complete gesture specs ready for implementation
Gesture Patterns by the numbers
- 946 all-time installs (skills.sh)
- +43 installs in the week ending Jul 29, 2026 (Skillselion tracking)
- Ranked #435 of 1,888 Design & UI/UX skills by installs in the Skillselion catalog
- Security screen: LOW risk (skills.sh audit)
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/owl-listener/designer-skills --skill gesture-patternsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 946 |
|---|---|
| repo stars | ★ 1.9k |
| Security audit | 3 / 3 scanners passed |
| Last updated | June 14, 2026 |
| Repository | owl-listener/designer-skills ↗ |
How do you design discoverable touch gestures?
Create natural, discoverable touch and pointer gesture interactions that work consistently across devices.
Who is it for?
Mobile and responsive web developers defining touch and pointer gestures before implementing handlers in SwiftUI or React.
Skip if: Keyboard-only desktop apps or projects with no touch or drag interaction requirements.
When should I use this skill?
The user mentions swipe to dismiss, pull-to-refresh, long press context menus, pinch zoom, or pointer gesture consistency.
What you get
A gesture interaction spec mapping tap, swipe, pinch, drag, and pull-to-refresh to concrete UI behaviors and discoverability rules.
- gesture interaction specification
- discoverability guidelines
By the numbers
- Documents 8 core gesture types: tap, double tap, long press, swipe, pinch, rotate, drag, pull
Files
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
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kFAQ
Which gestures does gesture-patterns document?
gesture-patterns documents tap, double tap, long press, swipe, pinch, rotate, drag, and pull-to-refresh. Each maps to actions like select, zoom, context menus, dismiss, reorder, and content refresh on touch and pointer devices.
Does gesture-patterns cover desktop pointer devices?
gesture-patterns designs interactions for both touch and pointer devices, aiming for natural, discoverable behavior across phones, tablets, and desktop pointer inputs rather than touch-only mobile patterns.
Is Gesture Patterns safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.