awesome-skillsawesome-skillsOfficial·1 Agent Skills Included

mobile-app-design

Mobile UI design standards, accessibility checks, and validation

Guides mobile app screen design following iOS Human Interface Guidelines, Android Material Design, and WCAG 2.1 accessibility standards. Eliminates guesswork around touch target sizes, color contrast ratios, typography minimums, and platform navigation conventions. Includes working React Native examples and automated scripts that audit contrast, touch targets, and accessibility issues in your code.
npx skills add awesome-skills/mobile-app-design --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Mobile App Design Standards?

Run `npx skills add awesome-skills/mobile-app-design --all -g -y` in your terminal to install this skill globally.

What are the minimum touch target sizes for mobile apps?

iOS requires 44×44 points and Android requires 48×48 dp for all interactive elements. This skill enforces these minimums and includes a script that scans your components for undersized targets.

How to check color contrast for WCAG compliance?

Run the included check-contrast.py script with two hex colors to instantly verify ratios against WCAG AA standards (4.5:1 for normal text, 3:1 for large text).

Does this skill cover both iOS and Android design?

Yes. It includes detailed references for iOS Human Interface Guidelines, Android Material Design 3, and a side-by-side comparison of platform differences.

Can I use this without design experience?

Yes. Ask your agent in plain English to design or review a screen, and it applies the correct platform conventions, accessibility rules, and performance patterns automatically.

Related Repositories in Design & Creative

View All in Design & Creative