Skills
.Work. You
Rest

common-mobile-ux-core

Official

Universal mobile UX core for touch-first apps

Design & Creative#typography#mobile#ux#responsive-design#safe-area#touch-targets#haptics
Authorwildbitca
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Universal mobile UX principles for touch-first interfaces. Enforces touch targets, safe areas, and mobile-specific interaction patterns.

Core Features & Use Cases

  • Touch Targets: min 44x44pt on iOS and 48x48dp on Android; use SafeArea/WindowInsets; avoid notches.
  • Safe Areas: Ensure content respects safe areas and insets.
  • Interactions: Use active states (no hover) and optional haptic feedback for taps.
  • Typography & Inputs: Define base font sizes and input behaviors across platforms.
  • Use Case: Align mobile UX across iOS, Android, Flutter, and React Native apps for consistency.

Quick Start

Apply the Mobile UX Core guidelines to your app to ensure touch targets meet minimum sizes and SafeArea usage.

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: common-mobile-ux-core
Download link: https://github.com/wildbitca/ai-resources/archive/main.zip#common-mobile-ux-core

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.