Skill1.5k estrellas del repoactualizado yesterday

gesture-patterns

The gesture-patterns skill provides guidelines for designing touch and pointer interactions across devices, covering core gestures like tap, swipe, pinch, and drag along with rules for discoverability, feedback, conflict resolution, and accessibility. Use this when creating intuitive gesture-based interfaces that feel natural and include non-gesture alternatives for all interactions.

Ver fuente Repositorio: designer-skills

Instalar en Claude Code

Copiar

git clone --depth 1 https://github.com/Owl-Listener/designer-skills /tmp/gesture-patterns && cp -r /tmp/gesture-patterns/interaction-design/skills/gesture-patterns ~/.claude/skills/gesture-patterns

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

SKILL.md

# 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

Del mismo repositorio

design-critiqueSkill

Facilitate structured design critiques with clear feedback frameworks and actionable outcomes.

design-debt-auditSkill

Identify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.

design-impact-reportingSkill

Communicate design's contribution to business and user outcomes in terms that resonate with stakeholders.

design-qa-checklistSkill

Create QA checklists for verifying design implementation accuracy.

design-review-processSkill

Establish design review gates with criteria, checklists, and approval workflows.

design-sprint-planSkill

Plan and facilitate design sprints from challenge framing through prototype testing.

handoff-specSkill

Create developer handoff specifications with measurements, behaviors, assets, and edge cases.

team-workflowSkill

Design team workflows covering task management, collaboration rituals, and tooling.