Common mobile ux core

Skill ComeOnOliver/skillshub/skills/HoangNguyen0403/agent-skills-standard/common-mobile-ux-core

🧠 The right skill, one API call. AI agent skills registry with token-efficient skill resolution. 5,000+ skills from 500+ top repos.

Install

npx -y skills add ComeOnOliver/skillshub --skill common-mobile-ux-core

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

Universal mobile UX principles for touch-first interfaces. Enforces touch targets, safe areas, and mobile-specific interaction patterns. (triggers: **/*_page.dart, **/*_screen.dart, **/*_view.dart, **/*.swift, **/*Activity.kt, **/*Screen.tsx, mobile, responsive, SafeArea, touch, gesture, viewport)

SKILL.md

1.3 KB, 264 tokens by cl100k_base, as published. Nobody here has run it

Mobile UX Core

Priority: P0 (CRITICAL)

Universal UX principles for mobile applications.

Guidelines

Touch Targets: Min 44x44pt (iOS) / 48x48dp (Android). Add padding if needed.
Safe Areas: Wrap content in SafeArea/WindowInsets. Avoid notches.
Interactions: Use active states (no hover). Haptic feedback (short).
Typography: Min 16sp body. Line height 1.5x.
Keyboards: Auto-scroll inputs. Set InputType (email/number) & Action.

Code Examples

// ✅ Correct Target
IconButton(icon: Icon(Icons.close), padding: EdgeInsets.all(12))

// ❌ Too Small
Icon(Icons.close, size: 16)

Anti-Patterns

No Hover Effects: Mobile has no cursor. Use pressed states.
No Tiny Targets: All clickable elements ≥44pt.
No Fixed Bottom: Account for Home Indicator & Keyboard.
No OS Mix: Use Material (Android) & Cupertino (iOS) conventions.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.