Skills
.Work. You
Rest

ui-mobile

Community

Build accessible, high-quality mobile UIs.

Design & Creative#accessibility#design system#ios#android#react native#ux#mobile ui
AuthorAdigunQ
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive guidelines and best practices for designing and implementing user interfaces for mobile applications, ensuring accessibility, platform consistency, and a premium user experience.

Core Features & Use Cases

  • Accessibility Standards: Enforces critical rules for touch targets, color contrast, visibility, and labels.
  • Platform Consistency: Details iOS and Android design language differences and platform-specific code.
  • Component Patterns: Offers ready-to-use patterns for cards, buttons, input fields, and lists.
  • Use Case: A React Native developer can use this Skill to quickly reference the correct minimum touch target size for buttons or the appropriate color contrast ratios for text to ensure their app is usable by everyone.

Quick Start

Apply the mobile UI design standards to ensure all interactive elements have touch targets of at least 44x44 points.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-mobile
Download link: https://github.com/AdigunQ/ralph-smart/archive/main.zip#ui-mobile

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.