touch-target-design
CommunityDesign forgiving touch targets for all users.
Authorhulusi-tunc
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Designers need to ensure touch targets are large enough, well-spaced, and forgiving to accommodate users with motor difficulties, tremors, limited dexterity, or assistive pointing devices.
Core Features & Use Cases
- Generous Hit Areas: Ensure tappable region extends beyond visible controls using padding and making the entire row tappable.
- Forgiving Interactions: Trigger actions on touch-up; require deliberate actions for destructive choices; avoid single-tap interactions for tremor-prone users.
- Spacing for Safety: Maintain 8px minimum gaps between targets; keep primary actions in thumb-friendly regions on mobile.
- Alternatives to Precision: Provide text inputs or zoom/pinch support for users needing precision control.
- Assessment Questions: Use to evaluate accessibility readiness and interaction safety.
Quick Start
Apply generous hit areas and forgiving interactions to mobile interfaces.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: touch-target-design Download link: https://github.com/hulusi-tunc/unicorn-skills/archive/main.zip#touch-target-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.