skills.rest
soeiroo
soeirooCOMMUNITY
Explore all skills by this author →
GitHub

gesture-patterns

Design gesture patterns for touch and pointer devices with accessibility rules.

Updated Mar 16, 2026
Search Tags:#design#accessibility#patterns#interaction#gesture#ux#touch
One-click install
npx skills add https://github.com/soeiroo/multifunctional-web --skill gesture-patterns-soeiroo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gesture-patterns
Source: https://github.com/soeiroo/multifunctional-web/tree/main/.agents/skills/gesture-patterns
Command: npx skills add https://github.com/soeiroo/multifunctional-web --skill gesture-patterns-soeiroo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Gesture design is often unclear and inconsistently applied across touch and pointer devices, leading to discoverability gaps and user frustration. This Skill provides a structured approach to crafting intuitive, accessible gesture patterns with clear rules and examples.

Core Features & Use Cases

  • Core Gestures: Tap, Double tap, Long press, Swipe, Pinch, Rotate, Drag, Pull
  • Design Rules: Discoverability, Feedback, Thresholds, Conflict Resolution, Accessibility
  • Use Case: Apply these patterns when building mobile apps, web apps, or devices that rely on touch or pointer input to ensure consistent, learnable interactions.

Quick Start

Design a basic tap-to-select interaction following discoverability and feedback guidelines for a touch-first interface.

Frequently Asked Questions about gesture-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the key rules for designing accessible touch gestures?▼

Designing accessible touch gestures requires establishing discoverability, providing clear feedback, setting input thresholds, resolving gesture conflicts, and adhering to accessibility guidelines to ensure usable interactions across touch and pointer devices.

How do I design a tap-to-select interaction for a mobile app?▼

To design a tap-to-select interaction for a touch-first interface, apply the structured discoverability and feedback guidelines to ensure the gesture is intuitive, consistent, and easily understood by users.

How do I resolve gesture conflicts in web apps?▼

Resolving gesture conflicts in web apps involves applying structured conflict resolution rules to separate overlapping touch and pointer inputs, preventing user frustration and inconsistent interaction behavior.

Can I use these gesture patterns for both touch and pointer devices?▼

Yes, these gesture interaction patterns are explicitly designed to work across both touch and pointer devices, ensuring consistent and learnable user experiences for mobile apps, web apps, and hardware interfaces.

What is the best way to improve gesture discoverability in UX design?▼

Improving gesture discoverability in UX design involves applying structured rules that make touch interactions like swipe, pinch, and long press obvious, reducing discoverability gaps and user frustration.

When should I define input thresholds for swipe and pinch gestures?▼

Defining input thresholds for swipe and pinch gestures is necessary when building touch-first interfaces to prevent accidental activations and ensure precise, consistent gesture interactions across mobile apps and hardware devices.

Related Skills

Explore More Design & Creative Skills→
houkehouke

user-flow-design

Map user journeys and define interaction patterns for web and mobile applications.

Community
Basic
polsegupolsegu

ux-review

Validate UX specifications and HUD designs for completeness and accessibility.

Community
Advanced
tomerkedemtomerkedem

animate

Analyze UI features and plan animation strategies for feedback and transitions.

Community
Advanced
hulusi-tunchulusi-tunc
3

multi-modal-input

Design web and app interfaces supporting keyboard, mouse, touch, voice, switch, eye-tracking, and head-pointer inputs.

Community
Intermediate