skills.rest
danilomartinelli
danilomartinelliCOMMUNITY
Explore all skills by this author →
Website𝕏@daniloleone429GitHub

mobile-design

Designs iOS and Android mobile interfaces with accessibility and touch-optimized layouts.

1|Updated Feb 19, 2026
Search Tags:#performance#mobile design#ux#ios design#android design#touch interaction
One-click install
npx skills add https://github.com/danilomartinelli/cursor-kit --skill mobile-design-danilomartinelli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/danilomartinelli/cursor-kit/tree/main/skills/mobile-design
Command: npx skills add https://github.com/danilomartinelli/cursor-kit --skill mobile-design-danilomartinelli

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the complexities of designing user interfaces and experiences for mobile applications, ensuring they are intuitive, performant, and adhere to platform conventions.

Core Features & Use Cases

  • Platform-Specific Design: Tailors design decisions for iOS and Android, considering their unique HIG and Material Design guidelines.
  • Performance Optimization: Guides developers to avoid common performance pitfalls in React Native and Flutter, ensuring smooth 60fps experiences.
  • Touch Interaction Design: Emphasizes Fitts' Law and thumb zone principles for optimal usability on touch devices.
  • Use Case: When building a new cross-platform mobile app, this Skill helps define the navigation structure, select the right framework, and ensure touch targets are appropriately sized and placed for both iOS and Android users.

Quick Start

Use the mobile-design skill to audit the UI components in the 'src/components' directory for performance and touch target compliance.

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 interfaces that follow iOS and Android conventions?▼

Mobile app interfaces following iOS and Android conventions require applying platform-specific guidelines like HIG and Material Design to ensure navigation patterns and touch interactions remain intuitive and user-friendly.

What is the best way to optimize cross-platform mobile app performance for 60fps?▼

Optimizing cross-platform mobile performance for 60fps involves applying performance techniques to avoid common pitfalls in frameworks like React Native and Flutter, ensuring smooth user experiences.

How do touch interaction psychology and thumb zones affect mobile UX design?▼

Touch interaction psychology and thumb zones affect mobile UX by dictating optimal touch target sizing and placement using Fitts' Law principles, ensuring accessible and efficient usability on touch devices.

Can I use this mobile design guidance to audit existing UI components?▼

Yes, you can use this mobile design guidance to audit existing UI components in your source directory, checking them for performance compliance and appropriate touch target sizing based on mobile-first principles.

Does mobile-first design address accessibility considerations for cross-platform apps?▼

Mobile-first design addresses accessibility considerations for cross-platform apps by integrating inclusive principles alongside navigation patterns and touch interaction guidelines to create efficient, user-friendly mobile applications.

When should I apply platform-specific design over a unified cross-platform approach?▼

You should apply platform-specific design over a unified approach when unique iOS HIG and Android Material Design conventions significantly impact user intuition, requiring tailored navigation structures and interaction patterns.

Related Skills

Explore More Design & Creative Skills→
majiayu000majiayu000
258

app-ui-design

Provide mobile app UI design guidance for iOS and Android.

Community
Advanced
rnavarychrnavarych
14

role-mobile:mobile-performance

Diagnose mobile performance issues in iOS and Android apps.

Community
Advanced
GrupoUSGrupoUS
1

mobile-design

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

Community
Advanced
aberrantCodeaberrantCode
1

ui-mobile

Provide mobile UI design patterns and accessibility rules for React Native, iOS, and Android interfaces.

Community
Intermediate