Gesture Patterns
Teaches Claude to design touch and gesture interactions with actual consideration for how people hold phones. You get specific guidance on core gestures (tap, swipe, pinch, long press) plus the tricky stuff like conflict resolution when scroll fights with swipe, or distinguishing taps from long presses. The real value is in the design rules around discoverability and feedback, like always providing visual hints and non-gesture alternatives for accessibility. Useful when you're building anything touch-first and want to avoid the usual pitfalls of hidden gestures or ambiguous interactions. It won't make you a UX designer, but it gives Claude a solid framework for suggesting gesture patterns that actually work.
- skills.sh installs
- 2.3K
- GitHub stars
- 3.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add owl-listener/designer-skills --skill gesture-patterns --agent claude-codeInstalls into .claude/skills of the current project.
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
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/owl-listener/designer-skills
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from owl-listener/designer-skills
All 68- Handoff Spec2.3K
- Experience Map2.3K
- Naming Convention2.3K
- Empathy Map2.3K
- Documentation Template2.3K
- Pattern Library2.3K
- Affinity Diagram2.3K
- Interview Script2.3K
- Card Sort Analysis2.3K
- Design Rationale2.3K
- Accessibility Test Plan2.3K
- A B Test Design2.3K
- Metrics Definition2.3K
- Diary Study Plan2.3K
- Stakeholder Alignment2.3K
- Test Scenario2.3K
- Design Review Process2.3K
- North Star Vision2.3K
- Opportunity Framework2.3K
- Summarize Interview2.2K
- Design System Adoption2.2K
- Team Workflow2.2K
- Design Sprint Plan2.2K
- Click Test Plan2.2K
Recommended
More Design & UI/UX
documentation-templateowl-listener/designer-skillsGenerate structured documentation templates for components, patterns, or guidelines within a design system.2.3Kskills.sh installs
muapi-logo-creatorsamuraigpt/generative-media-skillsEngineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai2.3Kskills.sh installs
mapbox-data-visualization-patternsmapbox/mapbox-agent-skillsPatterns for visualizing data on maps including choropleth maps, heat maps, 3D visualizations, data-driven styling, and animated data. Covers layer types, color2.2Kskills.sh installs
pptx-postersk-dense-ai/scientific-agent-skillsCreate and audit editable scientific posters in macro-free PowerPoint (.pptx) from author-approved local content and assets. Use when the requested deliverable 2.2Kskills.sh installs
image-createstarchild-ai-agent/official-skillsPure text-to-image generation for all creative scenarios (no reference photo). Covers logo design, poster design, illustration, meme, game assets, social media 2.1Kskills.sh installsnavigation-patternsowl-listener/designer-skillsSelect and design navigation patterns that match product structure, user tasks, and platform conventions.2.1Kskills.sh installs