App Ui Design

This is what you reach for when you need to design mobile app interfaces that actually follow platform conventions instead of fighting them. It enforces the hard stuff like WCAG 2.2 AA accessibility standards, proper touch target sizes (44×44pt iOS, 48×48dp Android), and staying faithful to either Human Interface Guidelines or Material Design 3 without mixing patterns. You get complete design system templates with color tokens, typography scales for SF Pro and Roboto, and 8-point grid spacing rules. The 2025 updates cover iOS Liquid Glass and Material You theming. Honestly most useful when you're tired of reinventing component libraries or need someone to stop you from putting an Android FAB on an iOS app.

skills.sh installs: 353
GitHub stars: 153
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add majiayu000/claude-arsenal --skill app-ui-design --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

❌ 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

SKILL.md on GitHub