skills.rest
thgterto
thgtertoCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

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
One-click install
npx skills add https://github.com/thgterto/Gerenciador-de-estoque --skill mobile-design-thgterto
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
EdgeHuntEdgeHunt

ck:mobile-development

Evaluate cross-platform mobile frameworks and architecture decisions for iOS and Android.

Official
Advanced
AvatarGanymedeAvatarGanymede

mobile-parity

Validate desktop and mobile UI parity with Playwright E2E tests.

Community
Advanced
efekrbasefekrbas
41

mobile-design

Audits mobile app designs for touch, navigation, performance, and accessibility issues.

Community
Advanced
parallax-ai-llcparallax-ai-llc
29

orchestrator-designer

Generate platform-aware design specifications and JSON design tokens for the Claude Orchestrator UI.

Official
Advanced