skills.rest
namninhnd
namninhndCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Deliver UX/UI and 3D design with AI-powered workflows, from scratch to handoff-ready files.

Updated Jan 16, 2026
Search Tags:#performance#accessibility#mobile design#UI#UX#iOS#Android
One-click install
npx skills add https://github.com/namninhnd/PrelimStruct --skill mobile-design-namninhnd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/namninhnd/PrelimStruct/tree/main/.claude/skills/mobile-design
Command: npx skills add https://github.com/namninhnd/PrelimStruct --skill mobile-design-namninhnd

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mobile_audit.py, and 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 Conventions: Guides design decisions based on iOS Human Interface Guidelines and Android Material Design.
  • Performance Patterns: Implements best practices for smooth scrolling, animations, and battery efficiency.
  • Touch Interaction: Focuses on large touch targets, thumb zone optimization, and discoverable gestures.
  • Use Case: When building a new React Native app, use this Skill to ensure your navigation, touch targets, and performance optimizations align with both iOS and Android best practices from the start.

Quick Start

Use the mobile-design skill to audit the user interface of the project located at '/path/to/your/project'.

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 UI that follows iOS and Android platform conventions?▼

To design mobile UI following platform conventions, align your interface components with iOS Human Interface Guidelines and Android Material Design standards. This ensures native-feeling navigation, appropriate touch targets, and platform-specific interactions for both operating systems.

What is the best way to optimize mobile app performance for smooth scrolling and animations?▼

The best way to optimize mobile app performance is by implementing patterns for smooth scrolling, efficient animations, and battery conservation. These performance techniques reduce jank and maintain responsiveness in native and cross-platform applications.

How do I design touch interactions and gestures for mobile apps?▼

Designing touch interactions involves applying touch interaction psychology, optimizing for thumb zones, and using large touch targets. You should also implement discoverable gestures and haptic feedback to create intuitive mobile experiences.

Can I use mobile design principles for cross-platform apps like React Native?▼

Yes, you can apply mobile design principles to cross-platform apps like React Native. The guidelines cover navigation, touch targets, and performance optimizations that align with both iOS and Android best practices from the start.

How do I handle accessibility considerations in mobile design?▼

Handling accessibility in mobile design involves addressing specific accessibility considerations for native and cross-platform applications. This ensures your mobile interfaces are usable by people with varying abilities across different devices.

How do I audit my existing mobile project for UI and UX best practices?▼

To audit your existing mobile project for UI and UX best practices, run an audit script targeting your project directory. This evaluates your interface against mobile-first design principles, platform conventions, and performance optimization techniques.

Related Skills

Explore More Design & Creative Skills→
harsh-m-patilharsh-m-patil

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Community
Intermediate
Mte90Mte90
51

Mobile UX Core

Enforce mobile UX principles for touch-first interfaces and accessibility.

Community
Intermediate
borgheiborghei
467

senior-mobile

Provides expert guidance and reusable templates for iOS, Android, React Native, and Flutter app development.

Community
Advanced
nicograefnicograef
2

ux-review

Audit mobile-first UX friction and map findings to source code locations.

Community
Intermediate