skills.rest
GrupoUS
GrupoUSCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Guide mobile app design with iOS HIG and Android Material Design conventions.

1|Updated Dec 13, 2025
Search Tags:#performance#mobile design#ios#android#flutter#react native#ux
One-click install
npx skills add https://github.com/GrupoUS/gpus --skill mobile-design-grupous
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/GrupoUS/gpus/tree/main/.claude/skills/mobile-design
Command: npx skills add https://github.com/GrupoUS/gpus --skill mobile-design-grupous

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill helps you design and build mobile applications that are user-friendly, performant, and adhere to platform conventions, avoiding common pitfalls and AI defaults.

Core Features & Use Cases

  • Platform-Specific Guidance: Provides best practices for iOS (HIG) and Android (Material Design).
  • Performance Optimization: Details how to avoid common performance bottlenecks in React Native and Flutter.
  • UX Principles: Covers touch interaction, Fitts' Law, thumb zone, and accessibility.
  • Use Case: When starting a new React Native project, use this Skill to ensure you're following best practices for navigation, state management, and performance from day one.

Quick Start

Use the mobile-design skill to get a checklist for starting a new React Native project.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I follow iOS and Android platform-specific conventions for navigation and typography?▼

Platform-specific guidance covers iOS Human Interface Guidelines and Android Material Design conventions, detailing navigation patterns, typography, and color systems to ensure apps match native expectations.

Can I get a checklist for starting a new React Native project with proper state management and navigation?▼

Performance optimization for React Native and Flutter involves applying specific debugging strategies and avoiding common performance bottlenecks detailed in the skill's comprehensive guidance.

Does this guidance cover accessibility and UX principles for cross-platform frameworks?▼

Yes, the skill provides a quick start checklist for new React Native projects, covering best practices for navigation, state management, and performance from day one.

What are the best practices for mobile-first design and touch interaction psychology?▼

Yes, the UX principles cover accessibility extensively, addressing touch interaction, Fitts' Law, thumb zone, and debugging strategies for cross-platform frameworks like React Native and Flutter.

Related Skills

Explore More Design & Creative Skills→
Sir-chawakornSir-chawakorn
9

scaffold-cross-platform-app

Scaffold React Native or Flutter apps with feature-first structure and state management.

Community
Advanced
Higashi-KotaHigashi-Kota

a11y

Audits UI components for WCAG 2.2 AA and ARIA compliance.

Community
Intermediate
rohitg00rohitg00
2.5k

mobile-development

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

Community
Intermediate
Yemomo511Yemomo511
2

expo-brownfield

Integrate Expo and React Native modules into existing native iOS and Android apps.

Community
Intermediate