skills.rest
cbemister
cbemisterCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/cbemister/claude-code-utils --skill touch-interactions
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
NymfariousNymfarious
1

optimizing-mobile-experience

Optimize StickerNest for mobile touch interactions and responsive layouts.

Community
Advanced
namninhndnamninhnd

mobile-design

Deliver UX/UI and 3D design with AI-powered workflows, from scratch to handoff-ready files.

Community
Advanced
apakouapakou

tailwind-chat-ui

Create mobile-first chat UI components with Tailwind CSS.

Community
Intermediate
software-mansionsoftware-mansion
422

pulsar-haptics-android

Create and manage custom haptic patterns for Android using the Kotlin SDK.

Official
Intermediate