skills.rest
DaytimeBlues
DaytimeBluesCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Guides mobile-first design for iOS and Android with UX, accessibility, and performance best practices.

Updated Jan 31, 2026
Search Tags:#mobile design#UI#UX#Flutter#iOS#React Native#Android
One-click install
npx skills add https://github.com/DaytimeBlues/ADHD-CADDI --skill mobile-design-daytimeblues
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/DaytimeBlues/ADHD-CADDI/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/DaytimeBlues/ADHD-CADDI --skill mobile-design-daytimeblues

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the core challenges of mobile application design, ensuring user interfaces are intuitive, performant, and adhere to platform conventions, preventing common AI-driven design anti-patterns.

Core Features & Use Cases

  • Platform-Specific Design: Guides design decisions for iOS and Android, considering their unique HIG and Material Design guidelines.
  • Touch Interaction Optimization: Ensures touch targets are appropriately sized and placed for optimal usability (Fitts' Law, Thumb Zone).
  • Performance Best Practices: Provides guidance on efficient rendering, animation, and memory management for React Native and Flutter.
  • Use Case: When designing a new mobile app feature, use this Skill to ensure the UI is not only visually appealing but also highly usable, accessible, and performs well on target devices, avoiding common pitfalls like small touch targets or unoptimized lists.

Quick Start

Use the mobile-design skill to audit the proposed UI for a new feature, focusing on touch target sizes and platform conventions.

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?▼

Designing mobile UI for iOS and Android requires adhering to specific platform conventions like Apple's HIG and Material Design. This Skill provides decision trees and checklists to enforce these guidelines, ensuring your application feels native to each operating system.

What is the best way to optimize mobile app performance for React Native and Flutter?▼

Optimizing mobile app performance for React Native and Flutter involves efficient rendering, animation, and memory management. This Skill provides performance best practices to ensure your mobile application remains highly responsive across both cross-platform frameworks.

Does this mobile design guidance support both iOS and Android frameworks?▼

Yes, this mobile design guidance fully supports both iOS and Android frameworks. It provides comprehensive platform-specific guidance, ensuring your UI/UX decisions align with the unique conventions and interaction patterns of both operating systems.

Why does my mobile UI design include common anti-patterns and small touch targets?▼

Mobile UI design anti-patterns like small touch targets occur when touch interaction psychology and platform conventions are ignored. This Skill addresses these core challenges by enforcing Fitts's Law and accessibility best practices to create user-friendly mobile applications.

Related Skills

Explore More Design & Creative Skills→
Tai-ch0802Tai-ch0802
2

mobile-design

Provide iOS and Android mobile app design guidelines and best practices.

Community
Advanced
Camilo8902Camilo8902

vercel-react-native-skills

Provide React Native and Expo best practices for mobile performance optimization.

Community
Advanced
pckienuitpckienuit

mobile-design

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

Community
Advanced
melikhanmutlumelikhanmutlu

mobile-design

Design mobile UI/UX patterns for iOS and Android apps.

Community
Advanced