skills.rest
yunaamelia
yunaameliaCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

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

Updated Jan 20, 2026
Search Tags:#performance#mobile design#ios#android#flutter#react native#ux
One-click install
npx skills add https://github.com/yunaamelia/mcp-agent-memory-pro --skill mobile-design-yunaamelia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/yunaamelia/mcp-agent-memory-pro/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/yunaamelia/mcp-agent-memory-pro --skill mobile-design-yunaamelia

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill guides the creation of mobile-first applications, ensuring designs are intuitive, performant, and adhere to platform conventions, preventing common AI-generated anti-patterns.

Core Features & Use Cases

  • Platform-Specific Design: Tailors design principles for iOS and Android.
  • Performance Optimization: Focuses on smooth scrolling, efficient animations, and battery-conscious choices.
  • User Experience: Emphasizes touch interaction, accessibility, and cognitive load reduction.
  • Use Case: When starting a new React Native app, use this Skill to ensure all lists are optimized with FlatList and React.memo, touch targets are appropriately sized, and platform-specific navigation patterns are considered from the outset.

Quick Start

Use the mobile-design skill to audit the design of the attached project folder '/path/to/your/mobile/project'.

Frequently Asked Questions about mobile-design

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

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

Mobile app performance optimization for React Native and Flutter involves using efficient list rendering, smooth animations, and battery-conscious choices. This Skill provides guidance on platform-specific techniques to ensure smooth scrolling and prevent common performance anti-patterns.

What are the key differences between iOS and Android mobile design conventions?▼

iOS and Android mobile design conventions differ in navigation patterns, touch interaction psychology, and UI component behavior. This Skill enforces context-aware decision-making to help you adhere to established platform-specific design principles and reduce cognitive load.

What is the best way to prevent common mobile design anti-patterns in app development?▼

Preventing common mobile design anti-patterns requires applying mobile-first design principles, touch interaction psychology, and accessibility considerations from the outset. This Skill audits your project to enforce adherence to established design thinking processes.

Can I use this to audit an existing mobile project folder for UX and accessibility issues?▼

Yes, you can audit an existing mobile project folder for UX and accessibility issues. The Skill analyzes your project directory to evaluate touch target sizing, cognitive load reduction, and platform-specific navigation patterns.

Does mobile-first design require different touch interaction considerations for cross-platform apps?▼

Mobile-first design requires specific touch interaction psychology considerations for cross-platform apps. This Skill guides the sizing of touch targets and ensures accessibility considerations are met across both iOS and Android platforms.

Related Skills

Explore More Design & Creative Skills→
alaminmainalaminmain

mobile-design

Guide mobile UX decisions for iOS and Android apps.

Community
Advanced
johanruttensjohanruttens

react-native-expert

Guide React Native mobile app development with Expo workflows.

Community
Advanced
GeargrindadminGeargrindadmin

mobile-design

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

Community
Advanced
Alone-Y154Alone-Y154

Frontend Responsive Design Standards

Enforce mobile-first responsive design standards for web interfaces across screen sizes.

Community
Intermediate