skills.rest
ravnhq
ravnhqOFFICIAL
Explore all skills by this author →
WebsiteGitHub

design-mobile

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
One-click install
npx skills add https://github.com/ravnhq/ai-toolkit --skill design-mobile
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
IsKenKenYaIsKenKenYa
35

mobile-first-design

Create responsive interfaces using CSS Grid, fluid typography, adaptive spacing, prioritizing mobile-first layouts for all devices.

Community
Intermediate
dev-mirzabicerdev-mirzabicer

frontend-ui-ux

Translate design briefs into production-ready frontend UI components.

Community
Advanced
adbertramadbertram

prowler-ui

Enforce Prowler UI component structure and styling with shadcn/ui and Tailwind.

Community
Intermediate
namninhndnamninhnd

mobile-design

Deliver UX/UI and 3D design with AI-powered workflows, from scratch to handoff-ready files.

Community
Advanced