design-mobile

Name: design-mobile
Availability: InStock
Author: Ravn

Audit mobile screens against iOS and Android design guidelines.

16|15|Updated Jan 16, 2026

Search Tags:#design #accessibility #gestures #touch-targets #design-systems #mobile-ui #platform-conventions

Ready to run

npx skills add https://github.com/ravnhq/ai-toolkit --skill design-mobile

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-mobile
Source: https://github.com/ravnhq/ai-toolkit/tree/main/skills/design-mobile
Command: npx skills add https://github.com/ravnhq/ai-toolkit --skill design-mobile

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing mobile interfaces requires aligning with platform conventions, proper touch targets, and gesture patterns to ensure usable and accessible experiences across devices.

Core Features & Use Cases

Touch targets & spacing: guidelines for tap targets, hit areas, and padding on small screens.
Gestures & navigation: recommended gesture patterns and consistent navigation cues.
Platform conventions: alignment with iOS and Android design norms and accessibility considerations.

Quick Start

Begin by auditing a mobile screen against target sizes, spacing, and typography guidelines, then apply the mobile design patterns to your component library.

Frequently Asked Questions about design-mobile

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

Does this mobile design approach work for both iOS and Android component libraries?▼

Yes, this mobile design approach works for both iOS and Android component libraries by applying consistent design tokens for spacing, motion, and color contrast across platforms.

What are the recommended touch target sizes for mobile UI accessibility?▼

Mobile UI accessibility guidelines enforce specific target sizes, spacing, and padding on small screens to ensure hit areas remain usable for touch interactions across devices.

How do I align mobile UI components with iOS and Android platform conventions?▼

To align mobile UI with platform conventions, apply structured design patterns that enforce iOS and Android norms for typography, color contrast, motion, and gesture affordances.

What are common mobile gesture patterns for intuitive touch navigation?▼

Common mobile gesture patterns for intuitive navigation include standardized motion cues and consistent gesture affordances that align with established platform design systems.

How do I audit a mobile screen for design system compliance?▼

To audit a mobile screen for design system compliance, evaluate target sizes, spacing, and typography against established guidelines, then apply structured mobile design patterns.

Does this mobile design approach work for both iOS and Android component libraries?▼

Yes, this mobile design approach works for both iOS and Android component libraries by applying consistent design tokens for spacing, motion, and color contrast across platforms.