skills.rest
Harmitx7
Harmitx7COMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

Guide mobile UI design with iOS and Android platform conventions.

3|1|Updated Feb 20, 2026
Search Tags:#design thinking#mobile design#ux design#ios design#android design#ui/ux principles
One-click install
npx skills add https://github.com/Harmitx7/tribunal-kit --skill mobile-design-harmitx7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/Harmitx7/tribunal-kit/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/Harmitx7/tribunal-kit --skill mobile-design-harmitx7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill addresses the complexities of designing for diverse mobile form factors and user contexts, preventing common AI-generated design anti-patterns and ensuring high-performance, accessible, and engaging user experiences.

Core Features & Use Cases

  • Mobile-First Thinking: Enforces a deep understanding of mobile constraints and opportunities beyond just screen size.
  • Platform-Specific Design: Guides design decisions for iOS and Android, considering their unique interaction models and visual languages.
  • Performance & Battery Optimization: Prioritizes designs that are fluid (120Hz), battery-conscious (OLED dark mode), and performant.
  • Accessibility & Usability: Ensures designs are usable by all, with large touch targets, clear navigation, and consideration for motor impairments.
  • Use Case: When tasked with designing a new mobile app's UI, this Skill ensures the AI doesn't default to desktop patterns or create visually appealing but unusable interfaces. It guides the creation of intuitive navigation, responsive layouts, and delightful micro-interactions.

Quick Start

Use the mobile-design skill to audit the proposed UI mockups for adherence to mobile-first principles and accessibility standards.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I design mobile-first UI that avoids common desktop anti-patterns?▼

Mobile-first UI design requires applying touch interaction psychology and thumb zone analysis to avoid desktop anti-patterns. This framework enforces mobile constraints, ensuring AI-generated interfaces remain performant, accessible, and contextually aware for diverse form factors.

What is the best way to apply platform-specific design conventions for iOS and Android apps?▼

Platform-specific design for iOS and Android requires adhering to their unique interaction models and visual languages. This framework guides those decisions, ensuring interfaces respect native conventions while maintaining usability and accessibility across both platforms.

How does Fitts' Law and haptic feedback integration improve mobile UX design?▼

Fitts' Law and haptic feedback integration improve mobile UX design by optimizing touch target sizing and providing tactile response. This approach ensures interfaces are usable for motor impairments and creates delightful, contextually aware micro-interactions.

Can I audit existing mobile app mockups for performance optimization and accessibility standards?▼

You can audit mobile app mockups for performance optimization and accessibility standards using this framework. It evaluates designs for 120Hz fluidity, OLED battery-conscious dark modes, large touch targets, and clear navigation to ensure high-performance user experiences.

Why do visually appealing mobile interfaces often fail usability tests?▼

Visually appealing mobile interfaces often fail usability tests because they ignore mobile-first thinking and default to desktop patterns. This framework prevents unusable designs by enforcing touch interaction psychology, thumb zone analysis, and strict platform-specific conventions.

Related Skills

Explore More Design & Creative Skills→
viralcodeviralcode
61

ux-researcher-designer

Generates data-driven user personas and maps user journeys from research data.

Community
Advanced
oxieoxie

ui-ux-design

Generate grayscale UI variants, functional prototypes, and polished designs with accessibility tests.

Community
Intermediate
NymfariousNymfarious
1

optimizing-mobile-experience

Optimize StickerNest for mobile touch interactions and responsive layouts.

Community
Advanced
ricablericable

expo-app-design

Build cross-platform Expo app interfaces with Expo Router and NativeWind styling.

Community
Intermediate