skills.rest
cooopmac
cooopmacCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Expo iOS Designing

Design iOS screens and components for Expo React Native apps following Apple's Human Interface Guidelines.

Updated Jan 2, 2026
Search Tags:#mobile design#React Native#iOS design#Apple HIG#Expo React Native
One-click install
npx skills add https://github.com/cooopmac/nourish --skill expo-ios-designing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Expo iOS Designing
Source: https://github.com/cooopmac/nourish/tree/main/.claude/project/skills/expo-ios-designing
Command: npx skills add https://github.com/cooopmac/nourish --skill expo-ios-designing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the problem of creating modern, clean iOS screens and components for Expo React Native apps, ensuring compliance with Apple's Human Interface Guidelines.

Core Features & Use Cases

  • Modern iOS Design: Designs modern iOS screens and components that adhere to Apple's Human Interface Guidelines.
  • Expo React Native: Uses Expo and React Native for app development, leveraging their features and capabilities.
  • Apple HIG Compliance: Ensures that the designs follow Apple's Human Interface Guidelines, including safe areas, Dynamic Type, dark mode, accessibility, and more.
  • Use Case: Design a modern iOS app using Expo and React Native that meets Apple's Human Interface Guidelines for the App Store.

Quick Start

Use the Expo iOS Designing skill to create a modern iOS screen following Apple's Human Interface Guidelines.

Frequently Asked Questions about Expo iOS Designing

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

FAQPage Schema
How do I create iOS screens in Expo React Native that follow Apple HIG?▼

To create iOS screens in Expo React Native that follow Apple HIG, design modern components that handle safe areas, Dynamic Type, dark mode, accessibility, and Liquid Glass materials for full App Store readiness.

What is Apple HIG compliance for React Native apps?▼

Apple HIG compliance for React Native apps means adhering to Apple's Human Interface Guidelines by supporting safe areas, Dynamic Type, dark mode, accessibility features, and modern materials like Liquid Glass in your iOS designs.

Does Expo React Native support Liquid Glass materials and Dynamic Type for iOS?▼

Yes, Expo React Native supports Liquid Glass materials and Dynamic Type for iOS. You can design components that implement these Apple HIG features to ensure modern accessibility and visual consistency in your app.

How do I handle safe areas and dark mode in React Native iOS designs?▼

To handle safe areas and dark mode in React Native iOS designs, build components that automatically adapt to screen insets and color scheme changes, ensuring Apple HIG compliance and a consistent user experience across devices.

What's the best way to design App Store ready iOS apps with Expo?▼

The best way to design App Store ready iOS apps with Expo is to build screens using React Native that strictly adhere to Apple's Human Interface Guidelines, covering safe areas, accessibility, and Dynamic Type.

Related Skills

Explore More Design & Creative Skills→
algusaemalgusaem

react-native-architecture

Define modular React Native architectures for Expo projects with Expo Router and offline-first patterns.

Community
Advanced
TMHSDigitalTMHSDigital
2

mobile-ios-submission

Submit Expo/React Native iOS apps to App Store Connect via EAS Build.

Community
Advanced
magnusrodsethmagnusrodseth
2

building-native-ui

Build native iOS and Android UIs with Expo Router.

Community
Advanced
Yemomo511Yemomo511
2

expo-ui-swift-ui

Integrate native iOS SwiftUI views and modifiers into Expo apps.

Community
Basic