fitts-law

Community

Design tappable, clickable targets that feel fast

AuthorHDeibler
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It fixes slow, frustrating, and error-prone clicking or tapping by ensuring interactive targets are sized and placed to minimize aiming effort and misclicks.

Core Features & Use Cases

  • Target sizing for speed & accuracy: Applies minimum hit-area guidance (e.g., touch-friendly 44×44) so users can reliably hit buttons, icons, and controls.
  • Distance-aware placement: Reduces “cursor traversal” by placing high-frequency actions near where the user’s pointer naturally lands and grouping related actions.
  • Edge and touch-specific tuning: Uses screen-edge advantages appropriately and accounts for touch realities like finger occlusion and thumb reach.

Use it when designing or reviewing buttons, icon-only controls, toolbars/menus, drag handles, scrollbars, and mobile touch targets, or when debugging “users keep mis-clicking” and accessibility/motor-impairment concerns.

Quick Start

Ask an AI design reviewer to audit your UI for Fitts’s Law issues by checking target hit sizes, spacing, and whether edge-anchored/high-frequency actions are placed to minimize pointer travel.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: fitts-law
Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#fitts-law

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.