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.