skills.rest
rahlplx
rahlplxCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Guide platform-native UX decisions for iOS, Android, and cross-platform apps.

Updated Jan 29, 2026
Search Tags:#performance#accessibility#iOS#Android#ux#mobile-design#platform-native
One-click install
npx skills add https://github.com/rahlplx/New-Smile-Savers --skill mobile-design-rahlplx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/rahlplx/New-Smile-Savers/tree/main/smile-savers-site/.agent/skills/mobile-design
Command: npx skills add https://github.com/rahlplx/New-Smile-Savers --skill mobile-design-rahlplx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile teams often default to generic mobile patterns or cross-platform shortcuts, resulting in UX that feels unnative, inconsistent, or inefficient. This Skill helps teams adopt platform-native design thinking and battery-aware performance practices for iOS, Android, and cross-platform apps.

Core Features & Use Cases

  • Clear guidelines for navigation patterns, typography, color systems, and performance considerations across platforms.
  • Anti-patterns and best practices to ensure accessibility, offline readiness, and platform conventions are followed.
  • Real-world scenarios and decision matrices to tailor design decisions to project context.

Quick Start

Apply these guidelines to a new mobile project by defining platform targets, typography and color strategies, and navigation aligned with platform conventions.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I create platform-native mobile UX for iOS and Android?▼

Platform-native mobile UX is achieved by aligning typography, color systems, and navigation with iOS and Android conventions. This Skill enforces platform-specific guidelines and frontmatter-driven discovery to ensure design consistency.

What are common mobile design anti-patterns for cross-platform apps?▼

Common mobile design anti-patterns include ignoring platform conventions, neglecting accessibility, and failing to plan for offline behavior. This Skill identifies these pitfalls and provides best practices to ensure offline readiness and platform consistency.

How do I align mobile design decisions with performance budgets?▼

Aligning mobile design with performance budgets involves making battery-aware design choices and respecting resource limits. This Skill ensures UX decisions respect performance budgets and incorporate battery-aware practices for iOS and Android.

Does this mobile design guidance work for both iOS and Android platforms?▼

Yes, this mobile design guidance applies to iOS, Android, and cross-platform apps. It provides clear guidelines for navigation patterns, typography, and color systems tailored to each platform while enforcing platform-specific rules.

Why does my cross-platform app feel unnative and inconsistent?▼

Cross-platform apps feel unnative when teams default to generic mobile patterns or shortcuts instead of platform-native design thinking. This Skill provides decision matrices to tailor design decisions and adopt platform-native UX.

Related Skills

Explore More Design & Creative Skills→
ivanshtokovivanshtokov
2

mobile-design

Codify platform-specific mobile design patterns for iOS and Android.

Community
Advanced
marablemarcelmarablemarcel

mobile-design

Guide platform-specific mobile UX decisions for iOS and Android projects.

Community
Advanced
gelsonsimoesgelsonsimoes

mobile-design

Provide mobile design guidelines for iOS and Android UX and accessibility.

Community
Advanced
lionheartapplionheartapp

mobile-design

Enforce mobile-first UX patterns across iOS and Android interfaces.

Community
Advanced