skills.rest
happycapy-ai
happycapy-aiCOMMUNITY
Explore all skills by this author →
Website𝕏@happycapyaiGitHub

mobile-design

Guide mobile-first design decisions for iOS and Android applications.

137|29|Updated Feb 4, 2026
Search Tags:#design#performance#mobile#ios#android#react native#ux
One-click install
npx skills add https://github.com/happycapy-ai/Happycapy-skills --skill mobile-design-happycapy-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/happycapy-ai/Happycapy-skills/tree/main/skills/mobile-design
Command: npx skills add https://github.com/happycapy-ai/Happycapy-skills --skill mobile-design-happycapy-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the common challenge of building mobile applications that are performant, user-friendly, and adhere to platform-specific best practices, preventing costly rework and poor user experiences.

Core Features & Use Cases

  • Platform-Specific Guidance: Provides distinct advice for iOS and Android, covering design principles, performance patterns, and conventions.
  • Performance Optimization: Offers strategies for achieving smooth 60fps animations, efficient memory usage, and battery-conscious development.
  • Touch Interaction Design: Details Fitts' Law, thumb zone placement, and gesture design for intuitive touch-first interfaces.
  • Use Case: When starting a new React Native project, use this Skill to ensure the architecture is sound, performance is considered from the outset, and platform conventions are respected, leading to a higher quality app.

Quick Start

Use the mobile-design skill to audit the performance and touch interactions of the attached project files.

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 UX for touch interactions and thumb zones?▼

Mobile UX touch design relies on Fitts' Law, thumb zone placement, and gesture principles. This Skill guides you through touch-first interface patterns to ensure intuitive interactions and optimal reachability for iOS and Android applications.

What is the best way to optimize mobile app performance for 60fps animations?▼

Optimizing mobile app performance requires strategies for smooth 60fps animations, efficient memory usage, and battery-conscious development. This Skill provides specific patterns to audit and enhance your mobile project's rendering and resource consumption.

Does this provide platform-specific design conventions for iOS and Android?▼

Yes, platform-specific design conventions for iOS and Android are provided. It covers distinct design principles, performance patterns, and conventions tailored to each operating system to prevent costly rework.

How do I start a new React Native project with sound architecture?▼

Starting a React Native project with sound architecture requires considering performance from the outset and respecting platform conventions. Use this Skill to establish mobile-first design thinking and framework decision-making during initial setup.

When do I need to apply mobile security best practices and mandatory checkpoints?▼

Mobile security best practices and mandatory checkpoints are needed when building applications handling sensitive interactions. This Skill integrates security guidelines and anti-memorization techniques to ensure AI agents validate decisions during development.

Related Skills

Explore More Design & Creative Skills→
SeemSeamSeemSeam
17

mobile-stack-patterns

Detect mobile app stacks and apply architecture best practices across React Native, Flutter, iOS, and Android.

Community
Intermediate
pckienuitpckienuit

mobile-design

Analyze mobile app designs and code for platform-specific UX and implementation risks.

Community
Advanced
Omar-ObandoOmar-Obando
44

mobile-performance

Profile mobile app performance and implement targeted optimizations for React Native, Flutter, and native apps.

Community
Intermediate
alaminmainalaminmain

mobile-design

Guide mobile UX decisions for iOS and Android apps.

Community
Advanced