skills.rest
arroschaves
arroschavesCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

Guide mobile-first design for iOS and Android with platform conventions.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the complexities of designing user interfaces and experiences specifically for mobile devices, ensuring apps are intuitive, performant, and platform-appropriate.

Core Features & Use Cases

  • Platform-Specific Design: Tailors design decisions for iOS and Android conventions.
  • Performance Optimization: Guides on building smooth, battery-conscious apps.
  • Interaction Design: Focuses on touch targets, gestures, and user psychology.
  • Use Case: When starting a new React Native app, use this Skill to ensure the design adheres to both iOS Human Interface Guidelines and Android Material Design, while optimizing for touch interactions and performance.

Quick Start

Use the mobile design skill to audit the design principles for a new React Native application targeting both iOS and Android.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I design mobile interfaces that follow iOS and Android platform conventions?▼

Mobile design for iOS and Android requires following platform-specific conventions like iOS Human Interface Guidelines and Material Design, tailoring visual and interaction patterns to each operating system's distinct user expectations.

What are the best practices for touch interaction and gesture design in mobile apps?▼

Best practices for touch interaction design involve applying touch target psychology, defining intuitive gestures, and optimizing user interactions to ensure mobile apps remain intuitive and responsive within screen size constraints.

How do I optimize mobile app performance for battery life and variable networks?▼

Optimizing mobile app performance for battery life and variable networks requires implementing performance optimization techniques that address mobile constraints directly, ensuring smooth, battery-conscious operation across fluctuating network conditions.

Can I use mobile design principles to audit an existing React Native or Flutter app?▼

Yes, you can apply mobile design principles to audit a React Native or Flutter app, evaluating its adherence to platform conventions, touch interaction psychology, and performance optimization techniques for both iOS and Android.

What navigation patterns work best for designing mobile apps with small screen sizes?▼

Effective mobile navigation patterns for small screen sizes prioritize platform-specific conventions and user psychology, ensuring intuitive information architecture and accessible touch interactions despite limited display real estate.

Related Skills

Explore More Design & Creative Skills→
abd0-omarabd0-omar

mobile-design

Guide mobile-first design principles for iOS and Android app development.

Community
Advanced
Spectaculous-CodeSpectaculous-Code

frontend-design

Generate responsive React interfaces with shadcn/ui and Tailwind CSS.

Official
Intermediate
GenuinehGenuineh

product-ux

Guide UX design with usability principles, WCAG accessibility, and testing methods.

Community
Intermediate
parallax-ai-llcparallax-ai-llc
29

orchestrator-designer

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

Official
Advanced