skills.rest
bcassiano
bcassianoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

Enforce platform-aware design decisions for iOS and Android mobile apps.

Updated Aug 27, 2026
Search Tags:#typography#accessibility#color-system#ux-patterns#mobile-design-thinking#mobile-navigation
One-click install
npx skills add https://github.com/bcassiano/MariIA --skill mobile-design-bcassiano
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/bcassiano/MariIA/tree/main/ag_kit_2/.agent/skills/mobile-design
Command: npx skills add https://github.com/bcassiano/MariIA --skill mobile-design-bcassiano

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile design thinking solves the problem of applying generic design patterns to mobile apps by enforcing platform-aware reasoning.

Core Features & Use Cases

  • Anti-pattern awareness and platform-aware design principles.
  • Decision trees and pattern questioning for navigation, typography, color, and offline strategy.
  • Checkpoint-style guidance to improve mobile UX through design commitment.
  • Example: When starting a new iOS app, apply thumb-zone placement and dynamic type considerations early in the process.

Quick Start

Apply mobile-design thinking to your first screen by checking touch targets, navigation, typography, color, and accessibility.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I apply mobile design patterns for iOS and Android without making them feel generic?▼

To apply mobile design patterns effectively, you must enforce platform-aware reasoning using decision trees for navigation, typography, and color. This prevents generic web patterns from degrading the native mobile UX on iOS and Android.

What's the best way to plan mobile navigation and typography for a new app?▼

The best way to plan mobile navigation and typography is using a structured decision framework that evaluates platform-specific UX patterns. This ensures your choices align with native expectations and accessibility requirements.

How do I check if my mobile UI meets accessibility and color system standards?▼

You can check mobile UI accessibility by applying a checkpoint-style guidance system that evaluates touch targets, dynamic type, and color systems. This process improves mobile UX through deliberate design commitment.

When should I use platform-aware mobile design thinking instead of standard responsive design?▼

You should use platform-aware mobile design thinking whenever building native iOS or Android tasks, as it addresses offline strategy and performance considerations that standard responsive web design overlooks.

Can I use this mobile UX framework for both iOS and Android platforms?▼

Yes, the mobile UX framework explicitly defines scope across both iOS and Android platforms. It guides specific considerations like thumb-zone placement for iOS and platform-aware navigation structures.

Why does applying generic web design patterns fail in mobile apps?▼

Applying generic web design patterns fails in mobile apps because they ignore platform-aware principles and offline strategy. Mobile environments require specific UX patterns for touch targets, dynamic type, and performance to function properly.

Related Skills

Explore More Design & Creative Skills→
ibnuhalimmibnuhalimm

Architect

Gather project context and produce a detailed architecture plan.

Community
Advanced
jmigralajmigrala

mobile-design

Guide mobile UX and engineering decisions for iOS and Android apps.

Community
Advanced
efekrbasefekrbas
41

mobile-design

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

Community
Advanced
tyronerosstyroneross
1

mobile-web-ui

Enforce responsive design and touch target accessibility for mobile web interfaces.

Community
Intermediate