mobile-design

Analyze mobile app designs and code for platform-specific UX and implementation risks.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/pckienuit/GameDev1 --skill mobile-design-pckienuit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/pckienuit/GameDev1/tree/main/.cursor/skills/mobile-design
Command: npx skills add https://github.com/pckienuit/GameDev1 --skill mobile-design-pckienuit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps you make sound mobile product and UI decisions instead of defaulting to desktop habits that break on phones and tablets. It reduces common mistakes in touch interaction, navigation, performance, typography, color, testing, and backend behavior for mobile clients.

Core Features & Use Cases

  • Touch-first UX guidance: Validates tap target size, thumb-zone placement, gesture discoverability, and haptic feedback.
  • Platform-specific design decisions: Separates iOS expectations from Android conventions so the app feels native on both platforms.
  • Performance and architecture review: Checks list rendering, memoization, animation strategy, state handling, offline behavior, and release readiness.
  • Use case: A team building a React Native app can use this Skill to review a screen before implementation and catch accessibility, navigation, and performance problems early.

Quick Start

Ask the skill to review your mobile app idea, screen, or code and return platform-specific recommendations for UX, performance, accessibility, navigation, typography, color, and testing.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I validate mobile app touch targets and navigation for iOS and Android?

Validating mobile app touch targets and navigation requires checking tap target sizes, thumb-zone placement, and platform-specific navigation patterns to ensure native UX on iOS and Android. This skill analyzes app designs to catch interaction risks early.

Does this skill work with React Native and Flutter workflows?

Yes, this skill works with React Native and Flutter workflows, as well as SwiftUI and Kotlin. It analyzes mobile code and designs to provide platform-specific UX guidance, performance checks, and accessibility validation across these frameworks.

What is the best way to prevent desktop UX habits from breaking mobile app designs?

Preventing desktop UX habits from breaking mobile app designs involves applying touch-first principles like gesture discoverability, haptic feedback, and thumb-zone placement. This skill reviews your screens to replace desktop defaults with native mobile expectations.

How do I audit a mobile app screen for 60fps performance and offline handling?

Auditing a mobile app screen for 60fps performance and offline handling involves reviewing list rendering, memoization, animation strategy, and state preservation. This skill checks these architecture details to ensure release readiness.

Can I check accessibility and color typography decisions before implementing a mobile screen?

Yes, you can check accessibility and color typography decisions before implementation. This skill reviews mobile app ideas and screens to validate touch targets, contrast, and state preservation, returning platform-specific recommendations to fix issues early.