skills.rest
lucasfdigital
lucasfdigitalCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

Guide mobile app design with iOS and Android platform conventions.

Updated Feb 28, 2026
Search Tags:#ui#performance#mobile design#ios#android#ux
One-click install
npx skills add https://github.com/lucasfdigital/Orchard --skill mobile-design-lucasfdigital
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/lucasfdigital/Orchard/tree/main/skills/mobile-design
Command: npx skills add https://github.com/lucasfdigital/Orchard --skill mobile-design-lucasfdigital

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures mobile applications are designed with user-centricity, platform conventions, and performance at their core, preventing common AI-generated design flaws.

Core Features & Use Cases

  • Platform-Specific Design: Adheres to iOS Human Interface Guidelines and Android Material Design.
  • Performance Optimization: Focuses on smooth animations, efficient memory usage, and battery-conscious design.
  • Use Case: When building a new feature for a cross-platform app, this Skill guides the AI to make platform-appropriate UI decisions, ask critical clarifying questions about user interaction, and avoid performance pitfalls.

Quick Start

Design a mobile app screen for user profile editing, ensuring it follows both iOS and Android design principles.

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 app UI that follows iOS Human Interface Guidelines and Android Material Design conventions?▼

To design mobile app UI following platform conventions, enforce adherence to iOS Human Interface Guidelines and Android Material Design for typography, color systems, and navigation patterns. This ensures a native user experience by aligning UI decisions with platform-specific expectations.

What is the best way to optimize mobile app performance and avoid common UI anti-patterns?▼

Optimizing mobile app performance requires focusing on smooth animations, efficient memory usage, and battery-conscious design. Avoiding UI anti-patterns is achieved by applying critical thinking to user interaction design, preventing common flaws in generated mobile interfaces.

How do I apply touch target psychology when building cross-platform mobile applications?▼

Applying touch target psychology involves guiding mobile app development with user-centricity at its core. This approach enforces appropriate UI decisions for user interaction, ensuring touch targets meet platform conventions for both iOS and Android applications.

Does this mobile design approach work for both iOS and Android navigation patterns?▼

Yes, this mobile design approach works for both platforms by enforcing adherence to iOS Human Interface Guidelines and Android Material Design. It guides cross-platform apps to make platform-appropriate UI decisions for navigation patterns and color systems.

Why does my AI-generated mobile app design feel non-native and lack performance?▼

AI-generated mobile app design feels non-native when it ignores platform conventions, user psychology, and performance optimization. Solving this requires critical thinking to avoid generated anti-patterns and enforce platform-specific design for a performant user experience.

Related Skills

Explore More Design & Creative Skills→
roviczzzroviczzz
1

mobile-design

Assess mobile feature feasibility and risk before development.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

react-native-mobile-development

Develop cross-platform mobile apps with React Native for iOS and Android.

Community
Intermediate
Aayush9029Aayush9029
10

watts

Collect macOS power and battery metrics as JSON via a launchd daemon.

Community
Intermediate
TheBushidoCollectiveTheBushidoCollective
187

react-native-web-styling

Provide styling patterns for React Native Web components using StyleSheet, theming, and responsive design.

Official
Intermediate