skills.rest
erp-mafia
erp-mafiaOFFICIAL
Explore all skills by this author →
GitHub

Mobile UX Core

Enforce touch-first UX guidelines for mobile apps and platforms.

209|46|Updated Feb 13, 2026
Search Tags:#design#accessibility#mobile#responsive#ux#safe-area#touch
One-click install
npx skills add https://github.com/erp-mafia/gnubok --skill mobile-ux-core-erp-mafia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Mobile UX Core
Source: https://github.com/erp-mafia/gnubok/tree/main/.claude/skills/mobile-ux-core
Command: npx skills add https://github.com/erp-mafia/gnubok --skill mobile-ux-core-erp-mafia

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mobile apps often struggle to deliver consistent, accessible touch-first experiences on small screens, leading to frustrated users and missed interactions.

Core Features & Use Cases

  • Touch Target Sizing: enforce minimum hit areas to ensure tap accuracy across platforms.
  • Safe Areas: wrap content in SafeArea / WindowInsets and account for notches and system bars.
  • Interactions: design for non-hover interfaces, include clear active states and optional haptic feedback.
  • Typography & Layout: ensure readable text with appropriate line height and scalable layouts for different devices.

Quick Start

Apply the Mobile UX Core guidelines to your mobile app screens to ensure compliant touch targets and safe-area layouts.

Frequently Asked Questions about Mobile UX Core

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the minimum touch target size for mobile UX accessibility?▼

Applying mobile UX guidelines involves configuring safe areas for system bars and notches, enforcing minimum touch target sizes, and adjusting typography for scalable layouts. This ensures consistent, accessible touch-first experiences across mobile devices.

How do I handle safe areas and notches in responsive mobile layouts?▼

Handling safe areas in responsive mobile layouts requires wrapping content in SafeArea or WindowInsets to account for notches and system bars. This prevents UI overlap and ensures touch targets remain accessible across mobile devices.

Does this mobile UX guidance work across different platforms and devices?▼

This mobile UX guidance applies universally across mobile platforms and devices. It enforces consistent touch targets, safe areas, and interaction patterns regardless of the specific operating system or screen size.

How should I design interactions for non-hover mobile interfaces?▼

Designing interactions for non-hover mobile interfaces requires clear active states and optional haptic feedback. This approach replaces traditional hover effects, ensuring users receive immediate visual and tactile confirmation for touch inputs.

What typography and layout rules ensure readability on small mobile screens?▼

Typography and layout rules for small mobile screens ensure readable text with appropriate line height and scalable layouts. This adapts content rendering to different device sizes while maintaining mobile usability standards.

Related Skills

Explore More Design & Creative Skills→
omeraltnomeraltn

agency-ux-architect

Create CSS design systems, responsive layouts, and developer handoff templates.

Community
Advanced
NymfariousNymfarious
1

optimizing-mobile-experience

Optimize StickerNest for mobile touch interactions and responsive layouts.

Community
Advanced
sebnowsebnow
8

ui-design

Enforce token-based UI design systems with foundation, semantic, and component tokens.

Community
Advanced
alinaqialinaqi
705

ui-mobile

Guide React Native mobile UI development with accessibility and platform standards.

Community
Intermediate