skills.rest
SufficientDaikon
SufficientDaikonCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Enforce mobile-first design and engineering principles for iOS and Android applications.

8|Updated Mar 8, 2026
Search Tags:#design#performance#mobile#ios#android#react native#ux
One-click install
npx skills add https://github.com/SufficientDaikon/omniskill --skill mobile-design-sufficientdaikon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/SufficientDaikon/omniskill/tree/main/.cursor/rules/mobile-design
Command: npx skills add https://github.com/SufficientDaikon/omniskill --skill mobile-design-sufficientdaikon

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill prevents common pitfalls in mobile app design and development, ensuring applications are performant, user-friendly, and adhere to platform conventions.

Core Features & Use Cases

  • Mobile-First Doctrine: Enforces mobile-specific design principles, avoiding desktop-centric assumptions.
  • Performance & UX Guardrails: Provides strict rules against performance-degrading patterns and poor touch interactions.
  • Platform Consistency: Guides adherence to iOS and Android design languages and best practices.
  • Use Case: When tasked with building a new feature for a cross-platform mobile app, this Skill ensures the design considers touch targets, offline capabilities, and platform-specific navigation before any code is written.

Quick Start

Use the mobile-design skill to audit the current mobile app project for adherence to 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 app features for iOS and Android without desktop-centric assumptions?▼

To design mobile app features without desktop-centric assumptions, enforce a mobile-first doctrine that evaluates touch interaction, platform-specific navigation, and offline behavior before writing code. This ensures high-quality cross-platform user experiences.

What are common mobile app anti-patterns for touch interaction and performance?▼

Common mobile app anti-patterns include performance-degrading patterns and poor touch interactions. Applying strict performance and UX guardrails prevents these issues and ensures applications remain performant and user-friendly across devices.

Can I use these mobile UX guidelines for cross-platform React Native development?▼

Yes, you can use these mobile UX guidelines for cross-platform React Native development. The principles guide adherence to iOS and Android design languages, ensuring platform consistency and optimized mobile performance.

How do I audit an existing mobile app for platform conventions and offline behavior?▼

To audit an existing mobile app for platform conventions and offline behavior, evaluate the project against mobile-first design principles. This process identifies adherence to iOS and Android best practices and highlights areas needing improved offline support.

Why does my cross-platform mobile app feel non-native on iOS and Android?▼

A cross-platform mobile app feels non-native when it ignores platform conventions. Enforcing platform consistency ensures the design adheres to specific iOS and Android design languages, avoiding common anti-patterns and improving user experience.

Related Skills

Explore More Design & Creative Skills→
SeemSeamSeemSeam
17

mobile-stack-patterns

Detect mobile app stacks and apply architecture best practices across React Native, Flutter, iOS, and Android.

Community
Intermediate
capaas2capaas2

mobile-design

Guide mobile app design decisions for iOS, Android, and cross-platform products.

Community
Advanced
marcioaltoemarcioaltoe
14

ui-designer

Design and implement accessible React UI components with shadcn/ui and Tailwind CSS.

Community
Intermediate
derekrderekr
7

adapt

Adapt design layouts for mobile, tablet, desktop, and print contexts.

Community
Advanced