All Skills Search Tools

|

Loading...

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

Home/All Skills/Product & Design/gesture-patterns

gesture-patterns

Original：🇺🇸 English

Translated

Design gesture-based interactions for touch and pointer devices.

3installs

Sourceowl-listener/designer-skills

Added on2026-03-15

NPX Install

npx skill4agent add owl-listener/designer-skills gesture-patterns

Tags

Translated version includes tags in frontmatter

gesture-interaction-design touch-device-ux pointer-device-interactions accessibility-ux ux-best-practices

SKILL.md Content

View Translation Comparison →

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

Download

Download TranslatedIncludes original Skill.md

(2.3 KB)Download Original(1.1 KB)

Related Skills

stitch-design

Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.

breakdown-feature-prd

Prompt for creating Product Requirements Documents (PRDs) for new features, based on an Epic.

ckm:design-system

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

form-cro

Optimize any form that is NOT signup or account registration — including lead capture, contact, demo request, application, survey, quote, and checkout forms. Use when the goal is to increase form completion rate, reduce friction, or improve lead quality without breaking compliance or downstream workflows.