mobile-design

Name: mobile-design
Availability: InStock
Author: gensart-projs

Guide mobile UI/UX planning and critique for iOS and Android projects.

Updated Jan 30, 2026

Search Tags:#accessibility #ui-patterns #design-thinking #mobile-design #thumb-zone #platform-guidelines #ios-android

Ready to run

npx skills add https://github.com/gensart-projs/cp-kit --skill mobile-design-gensart-projs

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/gensart-projs/cp-kit/tree/main/packages/cp-toolkit/templates/skills/mobile-design
Command: npx skills add https://github.com/gensart-projs/cp-kit --skill mobile-design-gensart-projs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile teams often rely on memorized patterns instead of thoughtful, platform-aware design, leading to inconsistent mobile UX across iOS and Android. This Skill provides a structured thinking framework to enforce context, platform conventions, and thoughtful decision-making.

Core Features & Use Cases

Anti-memorization mobile thinking protocol to force context-based decisions.
Platform-specific guidance for iOS and Android, including navigation, typography, color, and accessibility.
Decision matrices and pattern questioning to guide architecture, UI, and backend considerations in mobile projects.

Quick Start

Read this skill and apply its mobile-design thinking protocol to plan a mobile UI/UX for iOS and Android.

Frequently Asked Questions about mobile-design

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

FAQPage Schema

How do I plan mobile UI/UX that respects iOS and Android platform conventions?▼

To plan mobile UI/UX for iOS and Android, apply a structured mobile-design thinking protocol that enforces platform-specific guidelines for navigation, typography, color, and accessibility instead of memorized patterns.

What is the best way to critique mobile design architecture decisions across React Native and Flutter?▼

Critique mobile design architecture decisions by applying decision matrices and anti-pattern checks that evaluate context, performance, and state management across React Native, Flutter, and native mobile projects.

How does the thumb-zone impact mobile accessibility and UI patterns?▼

The thumb-zone impacts mobile accessibility by dictating interactive UI patterns placement, ensuring controls remain reachable and compliant with platform guidelines for iOS and Android.

Why does mobile UX feel inconsistent across iOS and Android projects?▼

Mobile UX feels inconsistent across iOS and Android when teams rely on memorized patterns, which a mobile-design thinking protocol solves by enforcing context-based decisions and platform-aware rigor.

Can I use design thinking to evaluate mobile navigation and state management before development?▼

You can use design thinking to evaluate mobile navigation and state management before development through pattern questioning and decision matrices that guide architecture and UI considerations.

When do I need to check for mobile UI anti-patterns in iOS and Android?▼

Check for mobile UI anti-patterns in iOS and Android when planning architecture decisions, ensuring typography, color choices, and navigation follow platform-specific guidelines rather than generic assumptions.