>_SkillsHub▋

> common-mobile-ux-core

Enforce universal mobile UX principles for touch-first interfaces including touch targets, safe areas, and mobile-specific interaction patterns. Use when building mobile screens, handling touch interactions, or validating safe area compliance. (triggers: **/*_page.dart, **/*_screen.dart, **/*_view.dart, **/*.swift, **/*Activity.kt, **/*Screen.tsx, mobile, responsive, SafeArea, touch, gesture, viewport)

fetch
$curl "https://skillshub.wtf/HoangNguyen0403/agent-skills-standard/common-mobile-ux-core?format=md"
SKILL.md•common-mobile-ux-core

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.

Related Topics

mobile-accessibility | mobile-performance | flutter-design-system | react-native-dls

> related_skills --same-repo

> common-store-changelog

Generate user-facing release notes for the Apple App Store and Google Play Store by collecting git history, triaging user-impacting changes, and drafting store-compliant changelogs. Enforces character limits (App Store ≤4000, Google Play ≤500), tone, and bullet format. Use when generating release notes, app store changelog, play store release, what's new, or version release notes for any mobile app. (triggers: generate changelog, app store notes, play store release, what's new, release notes, ve

> golang-tooling

Go developer toolchain — gopls LSP diagnostics, linting, formatting, and vet. Use when setting up Go tooling, running linters, or integrating gopls with Claude Code. (triggers: gopls, golangci-lint, golangci.yml, go vet, goimports, staticcheck, go tooling, go lint)

> common-ui-design

Design distinctive, production-grade frontend UI with bold aesthetic choices. Use when building web components, pages, interfaces, dashboards, or applications in any framework (React, Next.js, Angular, Vue, HTML/CSS). (triggers: build a page, create a component, design a dashboard, landing page, UI for, build a layout, make it look good, improve the design, build UI, create interface, design screen)

> common-owasp

OWASP Top 10 audit checklist for Web Applications (2021) and APIs (2023). Load during any security review, PR review, or codebase audit touching web, mobile backend, or API code. (triggers: security review, OWASP, broken access control, IDOR, BOLA, injection, broken auth, API review, authorization, access control)

┌ stats

installs/wk0
░░░░░░░░░░
github stars452
██████████
first seenMar 17, 2026
└────────────

┌ repo

HoangNguyen0403/agent-skills-standard
by HoangNguyen0403
└────────────

┌ tags

#typescript
└────────────