mobile-design

Guide mobile-first design principles for iOS and Android app development.

Updated Feb 11, 2026
One-click install
npx skills add https://github.com/abd0-omar/Flutter-POS --skill mobile-design-abd0-omar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/abd0-omar/Flutter-POS/tree/main/.opencode/skills/mobile-design
Command: npx skills add https://github.com/abd0-omar/Flutter-POS --skill mobile-design-abd0-omar

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps developers think mobile-first and implement design principles across iOS and Android platforms, ensuring optimal user experience and performance.

Core Features & Use Cases

  • Mobile-First Philosophy: Emphasizes touch interaction, performance optimization, and platform conventions.
  • Universal Principles: Focuses on touch interaction, performance patterns, and platform-specific best practices.
  • Platform-Specific Guidance: Offers tailored advice for iOS and Android development.
  • Use Case: If you are building a cross-platform mobile app and want to ensure a consistent and user-friendly experience on both platforms, this Skill provides essential guidance.

Quick Start

Use the mobile-design skill to read the 'mobile-design-thinking.md' file for understanding mobile-first design principles.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
What are mobile-first design principles for cross-platform apps?▼

Mobile-first design principles prioritize touch interaction, performance optimization, and platform-specific conventions for cross-platform apps. This approach ensures optimal user experience and performance consistency across iOS and Android platforms.

How do I optimize touch interaction and performance for iOS and Android apps?▼

You optimize touch interaction and performance by applying mobile-first design patterns tailored to iOS and Android conventions. This involves focusing on responsive touch targets and implementing platform-specific performance optimizations.

What is the best way to ensure consistent UI/UX across iOS and Android platforms?▼

The best way to ensure consistent cross-platform UI/UX is to apply universal mobile-first design principles while respecting platform-specific conventions. This approach balances shared performance patterns with tailored iOS and Android guidance.

Does this mobile design guidance support both iOS and Android platform conventions?▼

Yes, the mobile design guidance supports both iOS and Android platform conventions. It provides tailored advice for each platform to ensure developers can implement native-feeling touch interactions and performance optimizations.

Why does my cross-platform mobile app feel unresponsive on touch interactions?▼

Your cross-platform app may feel unresponsive if it lacks proper mobile-first performance optimization and touch interaction patterns. Applying platform-specific UI/UX conventions helps resolve lag and improve the overall touch experience.