touch-interactions

Audit and implement touch interactions in mobile UIs across iOS and Android.

Updated Feb 4, 2026

Search Tags:#mobile #gesture #touch #pull-to-refresh #haptics #swipe

Ready to run

npx skills add https://github.com/cbemister/claude-code-utils --skill touch-interactions

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: touch-interactions
Source: https://github.com/cbemister/claude-code-utils/tree/main/.claude/skills/touch-interactions
Command: npx skills add https://github.com/cbemister/claude-code-utils --skill touch-interactions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured approach to auditing and implementing touch interactions in mobile user interfaces, ensuring accessible hit targets, intuitive gestures, and responsive feedback.

Core Features & Use Cases

Audit touch target sizes and ensure WCAG/ platform guidelines are met.
Implement common gestures (swipe actions, pull-to-refresh, long-press menus, drag-to-reorder).
Provide immediate visual and haptic feedback, plus accessibility considerations for keyboard and screen readers.

Quick Start

Provide a ready-to-implement touch-interactions plan for a mobile UI, including audits, gesture patterns, feedback, and accessibility notes.

Frequently Asked Questions about touch-interactions

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

FAQPage Schema

How do I implement swipe gestures and pull-to-refresh for mobile UI?▼

Implement swipe gestures and pull-to-refresh using JavaScript-driven gesture handling and responsive CSS transforms. You can structure these mobile interactions with immediate visual feedback and accessible focus states for iOS and Android.

What is the minimum touch target size for WCAG-compliant mobile accessibility?▼

WCAG-compliant touch targets require specific minimum hit areas to ensure accessible mobile interactions. Auditing touch target sizes ensures your mobile UI meets platform guidelines and provides usable hit areas for all users.

How do I add haptic feedback to touch interactions on the web?▼

Add haptic feedback to touch interactions using the optional Web Vibration API. This provides physical feedback alongside visual cues during mobile gestures like long-press menus or drag-to-reorder actions.

Can I implement drag-to-reorder and long-press menus that work across iOS and Android?▼

Drag-to-reorder and long-press menus can be implemented across iOS and Android using JavaScript-driven gesture handling. This approach ensures robust touch interactions with consistent feedback and accessible focus states on both platforms.

What is the best way to audit existing touch interactions in a mobile UI?▼

The best way to audit touch interactions is to evaluate touch target sizes, gesture patterns, feedback mechanisms, and accessibility notes against WCAG and platform guidelines. This structured approach identifies gaps in hit areas and haptic cues across iOS and Android.

Why do my mobile touch targets fail accessibility guidelines?▼

Mobile touch targets fail accessibility guidelines when hit areas are too small for WCAG compliance or lack accessible focus states. Auditing target sizes and adding keyboard and screen reader support resolves these mobile interaction failures.