Skills
.Work. You
Rest

ios-patterns

Community

Master iOS UI and platform specifics.

Software Engineering#ios#react native#shadows#ui patterns#platform specific#safe area
Authorguicheffer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides best practices and code examples for implementing common iOS-specific UI patterns and platform features in React Native, ensuring a native look, feel, and behavior.

Core Features & Use Cases

  • Platform Detection: Use PlatformIs.ios() for clear, type-safe iOS checks.
  • Safe Area Handling: Implement SafeAreaView with explicit edges or useSafeAreaInsets for notches and home indicators.
  • iOS Shadows: Apply consistent shadows using Zest tokens for cross-platform compatibility.
  • Device Info: Access device and OS details using react-native-device-info.
  • Use Case: When building a new screen with a custom header that needs to respect the iPhone notch, you would use this Skill to correctly apply top safe area insets.

Quick Start

Apply iOS-specific shadow patterns to a React Native component using Zest tokens.

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: ios-patterns
Download link: https://github.com/guicheffer/devorch-cli/archive/main.zip#ios-patterns

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.