skills.rest
gensart-projs
gensart-projsCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

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
One-click install
npx skills add https://github.com/gensart-projs/cp-kit --skill mobile-design-gensart-projs
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ydnikolaevydnikolaev
8

idea-interview

Extract project information through structured stakeholder interviews into a discovery brief.

Community
Advanced
rohitg00rohitg00
2.5k

mobile-development

Design cross-platform mobile UI patterns for React Native and Flutter.

Community
Intermediate
thgtertothgterto

mobile-design

Guide mobile design decisions for iOS and Android cross-platform apps.

Community
Advanced
devon87warren-afkdevon87warren-afk

mobile-design

Guide mobile-first design with iOS and Android platform conventions.

Community
Advanced