← ClaudeAtlas

app-ui-designlisted

Mobile app UI design expert for iOS and Android. Use when designing app interfaces, creating design systems, ensuring accessibility, or following platform guidelines. Covers Material Design 3, Human Interface Guidelines, color theory, typography, and 2025 trends.
majiayu000/claude-arsenal · ★ 72 · AI & Automation · score 84
Install: claude install-skill majiayu000/claude-arsenal
# Mobile App UI Design > Expert guidance for designing beautiful, accessible, and platform-native mobile app interfaces following 2025 best practices. ## Core Philosophy - **User-First Design** — Prioritize user needs, behaviors, and mental models over aesthetics - **Platform Consistency** — Follow iOS HIG and Android Material Design guidelines - **Accessibility as Foundation** — Design for all users from the start, not as an afterthought - **Emotional Intelligence** — Create interfaces that users emotionally connect with - **Performance-Conscious** — Beautiful design that doesn't sacrifice app performance --- ## Hard Rules (Must Follow) > These rules are mandatory. Violating them means the skill is not working correctly. ### Accessibility First **All designs must meet WCAG 2.2 AA standards. Accessibility is not optional.** ```markdown ❌ FORBIDDEN: - Color contrast below 4.5:1 for text - Touch targets smaller than 44×44pt (iOS) or 48×48dp (Android) - Information conveyed by color alone - Missing alternative text for images - Non-keyboard-navigable interfaces ✅ REQUIRED: - Minimum 4.5:1 contrast ratio for normal text - Minimum 3:1 contrast ratio for large text (18pt+) - Touch targets: 44×44pt (iOS) / 48×48dp (Android) - Support for Dynamic Type / Font Scaling - VoiceOver (iOS) / TalkBack (Android) compatibility - Clear focus indicators for keyboard navigation ``` ### Platform Guidelines Adherence **Follow platform-specific design guidelines. Do not mix iOS and Andr