app-ui-designlisted
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