Skills
.Work. You
Rest

mobile-ui-design

Community

Craft intuitive mobile interfaces.

Design & Creative#responsive design#app design#ux/ui#mobile ui#ios design#android design
AuthorArnavPuri
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the complexities of designing user interfaces specifically for mobile devices, ensuring optimal usability, accessibility, and platform consistency.

Core Features & Use Cases

  • Touch Target Optimization: Ensures interactive elements are easily tappable.
  • Navigation Patterns: Implements standard mobile navigation like bottom tab bars.
  • Gesture Integration: Designs for common mobile gestures like swipe and pull-to-refresh.
  • Platform Consistency: Accounts for differences between iOS and Android design languages.
  • Safe Area Handling: Correctly utilizes device safe areas for layouts.
  • Use Case: Design a mobile app's onboarding flow, ensuring all buttons are large enough to tap and navigation is intuitive for first-time users.

Quick Start

Design a mobile-friendly user interface for a new e-commerce app, focusing on a bottom navigation bar and large, tappable buttons.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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-ui-design
Download link: https://github.com/ArnavPuri/designskills/archive/main.zip#mobile-ui-design

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.