skills.rest
DriveConnect-alpha
DriveConnect-alphaOFFICIAL
Explore all skills by this author →
GitHub

mobile-design

Codify mobile UX design patterns for iOS and Android apps.

1|1|Updated Apr 25, 2026
Search Tags:#design#mobile#ios#android#ux#touch#platform-patterns
One-click install
npx skills add https://github.com/DriveConnect-alpha/DriveConnect --skill mobile-design-driveconnect-alpha
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/DriveConnect-alpha/DriveConnect/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/DriveConnect-alpha/DriveConnect --skill mobile-design-driveconnect-alpha

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile design often struggles with delivering a native feel across iOS and Android, leading to inconsistent UX, poor touch targets, and platform-agnostic patterns that hamper usability.

Core Features & Use Cases

  • Mobile design thinking guidance tailored to iOS and Android.
  • Platform-specific patterns for navigation, typography, color, and motion.
  • Checklists, anti-pattern alerts, and design-thinking prompts to improve team outcomes.

Quick Start

Create a design-ready starter for your React Native, Flutter, or native mobile project by applying the mobile-design skill's guidelines to your current app.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
What are the key mobile UX design patterns for iOS and Android touch targets?▼

Yes, this skill provides mobile design guidance directly applicable to React Native, Flutter, and native apps. It offers actionable checklists and prompts to implement consistent platform-specific navigation, typography, and gesture design across these frameworks.

How do I make my cross-platform mobile app feel native on both iOS and Android?▼

Yes, this skill provides mobile design guidance directly applicable to React Native, Flutter, and native apps. It offers actionable checklists and prompts to implement consistent platform-specific navigation, typography, and gesture design across these frameworks.

Does this mobile design skill provide guidance for dark mode and accessibility?▼

To make a cross-platform mobile app feel native, apply platform-specific patterns for navigation, typography, color, and motion. This skill provides design-thinking prompts and anti-pattern alerts to help teams avoid platform-agnostic choices that hamper usability.

Can I use these mobile UX guidelines with my existing React Native or Flutter project?▼

Yes, this mobile design skill provides explicit guidance for dark mode and color accessibility. It codifies platform-specific patterns to improve visual contrast and readability, ensuring mobile interfaces remain accessible and usable across iOS and Android environments.

What are common anti-patterns when designing mobile interfaces for multiple platforms?▼

Yes, you can apply these mobile UX guidelines to existing React Native or Flutter projects. The skill helps codify touch targets, navigation, and gesture design to deliver a consistent, native feel without needing to restart your current app architecture.

How do I start implementing mobile-first UX in my current app?▼

Common mobile interface anti-patterns include using platform-agnostic designs that ignore native iOS and Android behaviors, leading to inconsistent UX and poor touch targets. This skill alerts teams to these issues and provides checklists to ensure proper native pattern implementation.

Related Skills

Explore More Design & Creative Skills→
AdawoduAdawodu

engineering-mobile-app-builder

Develop native iOS and Android apps with SwiftUI, Kotlin, React Native, or Flutter.

Community
Advanced
pingwupingwu
12

frontend-ui-ux

Design accessible, mobile-first frontend UI/UX for modern web apps.

Community
Advanced
JhabbigJhabbig

react-native-design

Design React Native styling, navigation, and Reanimated 3 animation workflows.

Community
Advanced
DexploarerDexploarer
6

react-native-component-generator

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

Community
Advanced