mobile-design

Name: mobile-design
Availability: InStock
Author: thgterto

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

Updated Jan 3, 2026

Search Tags:#performance #accessibility #patterns #mobile #ux #design-thinking #thumb-zone

Ready to run

npx skills add https://github.com/thgterto/Gerenciador-de-estoque --skill mobile-design-thgterto

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/thgterto/Gerenciador-de-estoque/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/thgterto/Gerenciador-de-estoque --skill mobile-design-thgterto

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The Mobile Design Thinking skill provides a structured approach to planning and validating mobile product decisions, preventing copy-paste design traps and ensuring deliberate, platform-aware choices before development.

Core Features & Use Cases

Anti-memorization protocol and deep thinking framework to guide upfront design decisions.
Platform-specific decomposition for iOS and Android, including accessibility, thumb-zone considerations, and performance awareness.
Comprehensive pattern and decision matrices (design thinking, navigation, typography, color system, offline strategy, and testing) to drive consistent UX outcomes.
Ready-to-use pre-work checklists and reference files to align teams and reduce context-switching during implementation.

Quick Start

Review the mobile-design-thinking.md and touch-psychology.md to align your project's design strategy before starting development.

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 UX decisions for cross-platform apps without just copying web designs?▼

You can guide mobile UX decisions using an anti-memorization protocol and deep thinking framework. This enforces deliberate, platform-aware choices before development, preventing copy-paste design traps and ensuring structured upfront validation.

What is the thumb-zone placement rule in mobile design?▼

Thumb-zone placement in mobile design positions interactive elements within easy thumb reach. This skill applies thumb-zone considerations alongside accessibility and platform decomposition to ensure safe, ergonomic cross-platform interfaces.

Does this mobile design approach work for both iOS and Android projects?▼

Yes, this mobile design approach works for both iOS and Android projects. It applies platform-specific decomposition to address distinct accessibility, thumb-zone, and performance requirements for each operating system to ensure safe, auditable choices.

How do I test mobile design patterns for offline strategy and performance?▼

Test mobile design patterns for offline strategy and performance by applying comprehensive decision matrices. These matrices cover navigation, typography, color systems, offline strategy, and testing to drive consistent UX outcomes and validate choices.

What is the best way to align a team on mobile design strategy before development?▼

The best way to align a team on mobile design strategy is using ready-to-use pre-work checklists and reference files. Reviewing mobile-design-thinking and touch-psychology documentation reduces context-switching and aligns project strategies before implementation.