skills.rest
paulojalowyj
paulojalowyjCOMMUNITY
Explore all skills by this author →
Website𝕏@paulojalowyjGitHub

mobile-design

Guide mobile-first design with iOS and Android platform conventions.

6|Updated Feb 6, 2026
Search Tags:#ui#performance#mobile design#ios#android#interaction design#ux
One-click install
npx skills add https://github.com/paulojalowyj/openkit --skill mobile-design-paulojalowyj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/paulojalowyj/openkit/tree/main/.opencode/skills/mobile-design
Command: npx skills add https://github.com/paulojalowyj/openkit --skill mobile-design-paulojalowyj

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the complexities of mobile-first design, ensuring user interfaces are intuitive, performant, and adhere to platform-specific conventions for iOS and Android.

Core Features & Use Cases

  • Platform-Specific Design: Guides design decisions for iOS (HIG) and Android (Material Design).
  • Performance Optimization: Provides rules and anti-patterns to ensure smooth 60fps animations and efficient memory usage.
  • Interaction Design: Focuses on touch targets, thumb zone placement, and gesture discoverability.
  • Use Case: When starting a new React Native app, use this Skill to define the core design principles, ensuring touch targets are large enough, primary CTAs are accessible, and lists are performant from the outset.

Quick Start

Use the mobile-design skill to audit the current project's adherence to mobile UX best practices.

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 UIs for both iOS and Android platforms?▼

Design mobile UIs by adhering to platform-specific conventions, applying iOS Human Interface Guidelines and Android Material Design rules to ensure native component usage and intuitive user experiences.

What is the minimum touch target size for accessible mobile interaction design?▼

Accessible mobile interaction design requires appropriately sized touch targets and strategic thumb zone placement to ensure primary CTAs are easily reachable and gestures are discoverable.

How do I optimize mobile animation performance to maintain 60fps?▼

Optimize mobile animation performance by following specific rules and anti-patterns that ensure smooth 60fps rendering and efficient memory usage during complex UI interactions.

Can I use this mobile design guidance for React Native app development?▼

Yes, you can apply these mobile-first design principles to React Native apps to define core design rules, ensuring performant lists and accessible touch targets from the outset.

Do I need Python 3 to audit mobile UX best practices?▼

You need Python 3 installed to run the scripts that audit your current project's adherence to mobile UX best practices and platform-specific design conventions.

Why does my mobile app feel unresponsive despite correct UI implementation?▼

Your mobile app may feel unresponsive due to anti-patterns in gesture design, inefficient memory usage, or failing to maintain 60fps animation performance during user interactions.

Related Skills

Explore More Design & Creative Skills→
DexploarerDexploarer
6

react-native-component-generator

Generate cross-platform React Native components with TypeScript and platform-specific code.

Community
Advanced
mokhammadbahauddinmokhammadbahauddin

react-native-kawaii-ui

Convert Tailwind CSS web prototypes into React Native components with NativeWind.

Community
Advanced
heaptracetechnologyheaptracetechnology
13

mobile-ui

Build platform-adaptive mobile UI components across React Native, Flutter, and SwiftUI.

Community
Advanced
RIMTHAN-LABRIMTHAN-LAB
1

owasp-mobile-security-checker

Analyze Flutter applications for OWASP Mobile Top 10 vulnerabilities.

Official
Intermediate