skills.rest
Andrejr82
Andrejr82COMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Guide mobile-first design for iOS and Android with React Native and Flutter.

Updated Feb 6, 2026
Search Tags:#ui#mobile design#ios#android#flutter#react native#ux
One-click install
npx skills add https://github.com/Andrejr82/Caculinha_BI --skill mobile-design-andrejr82
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/Andrejr82/Caculinha_BI/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/Andrejr82/Caculinha_BI --skill mobile-design-andrejr82

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 adhere to platform conventions.

Core Features & Use Cases

  • Platform-Specific Design: Tailors design thinking for iOS and Android, considering unique interaction patterns and UI elements.
  • Performance Optimization: Guides developers to avoid common performance pitfalls in React Native and Flutter.
  • User Experience Focus: Emphasizes touch interaction psychology, accessibility, and battery-conscious design.
  • Use Case: When starting a new mobile app project, use this Skill to ensure the design decisions align with best practices for both platforms, leading to a better user experience and faster development.

Quick Start

Use the mobile-design skill to audit the user interface for a new mobile application project.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
What is mobile-first design and how does it impact iOS and Android UI conventions?▼

Mobile-first design prioritizes touch interaction psychology and platform-specific conventions for iOS and Android. It ensures user interfaces are intuitive, performant, and adhere to unique interaction patterns and UI elements for each platform.

How do I optimize mobile app performance for React Native and Flutter?▼

To optimize mobile app performance for React Native and Flutter, apply mobile-first design principles to avoid common performance pitfalls. This involves making design decisions that ensure battery-conscious operation and smooth touch interactions.

Can I use this mobile design guidance to audit an existing user interface?▼

Yes, you can use this mobile design guidance to audit a user interface for a new mobile application project. It evaluates UI/UX considerations against best practices for both iOS and Android platforms.

What's the best way to approach UX design for touch interactions on mobile devices?▼

The best way to approach UX design for touch interactions is by emphasizing touch interaction psychology and accessibility. This ensures mobile applications remain intuitive and responsive to user gestures across both iOS and Android.

Does mobile UI design differ significantly between iOS and Android platforms?▼

Yes, mobile UI design differs significantly between iOS and Android. Platform-specific design tailors interaction patterns and UI elements to match the unique conventions and expectations of each operating system.

When do I need to consider battery-conscious design in my mobile app project?▼

You need to consider battery-conscious design throughout your mobile app project to ensure performance optimization. Addressing these UI/UX considerations early prevents common performance pitfalls in React Native and Flutter development.

Related Skills

Explore More Design & Creative Skills→
yu13130122297yu13130122297

scout

Identify uncertainties in research framing, datasets, metrics, and baselines.

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
GeargrindadminGeargrindadmin

mobile-design

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

Community
Advanced
lexicalninjalexicalninja
2

responsive-design-planner

Plan responsive design breakpoints and mobile-first layout adaptations across devices.

Community
Intermediate