skills.rest
gabriellpequeno
gabriellpequenoCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Identify mobile UX gaps and propose platform-aware design principles for iOS and Android.

8|Updated Apr 8, 2026
Search Tags:#design#accessibility#platform#mobile#ux#design-thinking#touch
One-click install
npx skills add https://github.com/gabriellpequeno/Reserva-Aqui---Projeto-de-fim-de-ciclo --skill mobile-design-gabriellpequeno
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/gabriellpequeno/Reserva-Aqui---Projeto-de-fim-de-ciclo/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/gabriellpequeno/Reserva-Aqui---Projeto-de-fim-de-ciclo --skill mobile-design-gabriellpequeno

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mobile design decisions across iOS and Android can be inconsistent, slowing delivery and harming usability. This skill provides a thinking framework to reason about platform differences, touch interactions, performance patterns, and accessibility.

Core Features & Use Cases

  • Mobile-first design principles for navigation, typography, color, and accessibility.
  • A cross-platform decision matrix and actionable checklists to align teams before development.
  • Real-world use cases and pragmatic guidelines for React Native, Flutter, or native development.

Quick Start

Apply the Mobile Design Thinking protocol to your current project by scanning context, analyzing platform differences, and producing a design plan before coding.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I identify mobile UX gaps and improve consistency across iOS and Android?▼

Identify mobile UX gaps by applying a design thinking protocol that scans project context, analyzes platform differences, and produces actionable checklists to align teams on navigation, typography, and accessibility.

What's the best way to align design principles for React Native and Flutter projects?▼

The best way to align design principles for React Native and Flutter is using a cross-platform decision matrix to enforce universal guidelines, reduce anti-patterns, and align teams before coding.

Does mobile design thinking work with both native and cross-platform stacks?▼

Yes, mobile design thinking works with native and cross-platform stacks. It provides pragmatic guidelines for React Native, Flutter, and native development to enforce platform-aware design principles.

Why do my mobile interfaces suffer from usability issues and anti-patterns across different platforms?▼

Mobile interfaces suffer from usability issues and anti-patterns when design decisions lack a consistent framework to evaluate touch interactions and platform-specific accessibility differences.

How do I audit mobile accessibility and touch interactions before development?▼

Audit mobile accessibility and touch interactions by running a mobile design thinking protocol that scans context, analyzes platform differences, and generates checklists to enforce universal guidelines.

Related Skills

Explore More Design & Creative Skills→
carterbscarterbs
4

create-handoff

Create structured handoff documents capturing project context, decisions, blockers, and next steps.

Community
Intermediate
clovernguyen1010-ship-itclovernguyen1010-ship-it

ba-mobile-frontend-code-gen

Generate mobile frontend code from design specifications using Brand Guideline and Design System assets.

Community
Advanced
ravnhqravnhq
16

design-mobile

Audit mobile screens against iOS and Android design guidelines.

Official
Basic
kingsonseangkingsonseang

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and output file:line findings.

Community
Basic