Does it support the latest iOS design features?

Yes, it includes guidelines for the latest iOS standards, including Liquid Glass translucent materials and concentric corner radius rules.

Is this skill compatible with Android development?

This skill is specifically designed for iOS-specific Human Interface Guidelines. While some principles overlap, it should not be used for Android-specific Material Design implementation.

How does it handle accessibility?

The skill provides strict rules for minimum touch targets (44x44pt), Dynamic Type scaling, contrast ratios, and 'Reduce Motion' system preferences.

Can I use this with React Native Paper?

Absolutely. The skill includes specific typography and theme mappings designed to bridge React Native Paper variants with Apple's system styles.

iOS UI & HIG for React Native

Name: iOS UI & HIG for React Native
Author: petrogurcak

bypetrogurcak

0•

Mobile Development

Implements Apple Human Interface Guidelines for React Native, Expo, and React Native Paper projects to ensure native-feeling iOS experiences.

This skill provides a comprehensive implementation of Apple's Human Interface Guidelines (HIG) specifically adapted for the React Native ecosystem. It guides developers through typography, spacing, semantic coloring, and accessibility standards, ensuring that apps built with Expo or React Native Paper look and feel like native iOS applications. By incorporating specific rules for touch targets, spring animations, and the new Liquid Glass design language, it helps bridge the gap between cross-platform development and high-end iOS design patterns.

Key Features

01Reanimated spring presets for authentic iOS motion and gestures

02Standardized 8-point grid and safe area layout rules

03Native typography mapping for React Native Paper variants

040 GitHub stars

05Semantic color systems with comprehensive dark mode support

06Liquid Glass implementation for modern iOS navigation layers

Use Cases

01Building a new React Native app that must follow strict iOS design patterns

02Reviewing existing UI components for HIG compliance and accessibility standards

03Implementing dark mode and dynamic type support in cross-platform mobile projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add petrogurcak/skills ios-ui-guidelines

For use in Claude.ai and ChatGPT

Download Skill