mobile-design

Guide context-based mobile design decisions for iOS and Android apps.

1|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/BeastAyyG/Campus-Cupids --skill mobile-design-beastayyg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/BeastAyyG/Campus-Cupids/tree/main/.agent_backup/skills/mobile-design
Command: npx skills add https://github.com/BeastAyyG/Campus-Cupids --skill mobile-design-beastayyg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile teams often rely on memorized patterns and platform-agnostic heuristics, leading to inconsistent experiences across iOS and Android. This Skill fosters context-aware, platform-conscious design thinking to improve usability and alignment with platform conventions.

Core Features & Use Cases

  • Anti-memorization thinking to avoid default patterns
  • Platform-specific guidance for iOS and Android
  • Comprehensive coverage across navigation, typography, color, performance, and testing
  • Real-world usage for React Native, Flutter, and native development

Quick Start

Begin by reading mobile-design-thinking.md and touch-psychology.md before starting any mobile work to establish context.

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 UX that follows platform conventions for iOS and Android?

Mobile UX design requires context-based thinking to avoid default memorized patterns. By focusing on platform-specific guidance for iOS and Android, you can resolve decision paralysis and ensure native alignment across navigation, typography, and color.

What is the best way to avoid inconsistent mobile design across React Native and Flutter?

Avoid inconsistent mobile design by replacing platform-agnostic heuristics with context-aware design thinking. This approach ensures consistent experiences across React Native and Flutter by guiding navigation, typography, color, and performance decisions.

Does this mobile design approach cover offline strategy and performance testing?

Yes, this mobile design approach covers offline strategy and performance testing. It provides comprehensive guidance across navigation, typography, color, performance, offline strategy, and testing for native, React Native, and Flutter development.

How do I start applying context-based thinking to mobile app design?

Start applying context-based thinking by reading mobile-design-thinking.md and touch-psychology.md before beginning any mobile work. This establishes the proper context for making platform-conscious decisions across iOS and Android.

Why does relying on memorized patterns hurt mobile UX?

Relying on memorized patterns hurts mobile UX by causing inconsistent experiences across iOS and Android. Anti-memorization thinking resolves decision paralysis by fostering context-aware, platform-conscious design instead of rote patterns.

Can I use this mobile design thinking for native development as well as cross-platform frameworks?

Yes, this mobile design thinking applies to native iOS and Android development alongside React Native and Flutter. It guides context-based decisions across navigation, typography, color, performance, and offline strategy for all supported development environments.