移动开发

mobile-principles

athevon/genjutsu

Mobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gestures, mobile perf budgets. Cross-platform (web mobile, iOS, Android).

  • 975 次安装
  • 701 星标
  • 收录于

安装命令

npx skills add https://github.com/athevon/genjutsu --skill mobile-principles

SKILL.md

Mobile Principles

Touch-first UX context. Loaded when mobile is detected (web mobile, iOS, Android). Concise rules here. Deep-dive in references/.


Touch Targets

Platform Minimum Recommended Spec
Apple iOS 44pt 44pt + 8pt spacing Apple HIG
Android 48dp 48dp + 8dp spacing Material Design
Web mobile 44px 44px + 8px spacing WCAG 2.5.5

Rule of thumb: any tap target smaller than the platform minimum is a usability bug, period. The hit area can extend beyond the visible glyph (use padding, hitSlop, or a transparent inner spacer), but the interactive surface must reach the minimum. Spacing matters as much as size: two 44pt buttons touching edges are still mistappable.