Mobile UX Core

Community

Optimize mobile interfaces for users.

AuthorMte90
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the common challenges in designing mobile user experiences by enforcing universal principles for touch-first interfaces, ensuring consistency and usability across different devices.

Core Features & Use Cases

  • Touch Target Sizing: Ensures interactive elements are large enough for easy tapping (min 44x44pt/48x48dp).
  • Safe Area Compliance: Guides developers to correctly implement safe areas, avoiding notches and system UI overlaps.
  • Mobile Interaction Patterns: Enforces mobile-specific interaction design, like active states and appropriate haptic feedback.
  • Use Case: A developer can use this skill to quickly audit a new mobile screen design, ensuring all buttons and interactive elements meet the minimum touch target size and are correctly placed within safe areas.

Quick Start

Apply mobile UX core principles to the provided screen design mockups.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: Mobile UX Core
Download link: https://github.com/Mte90/dotfiles/archive/main.zip#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 223,000+ vetted skills library on demand.