expo ios designing

SKILL.md

“Design a modern, clean iOS app using Expo and React Native that follows Apple’s Human Interface Guidelines: prioritize clear hierarchy and harmony; respect safe areas; use responsive Flexbox layouts and Dynamic Type with SF Pro; support dark mode with semantic system-friendly colors; keep minimum 44pt touch targets; use native navigation patterns (tabs, stacks, modals) and standard gestures; apply Liquid Glass ma...

Design Rules 1) Safe Areas Rule Wrap screens with SafeAreaProvider/SafeAreaView to avoid notches and the home indicator; never hard‑code insets.​

export function Screen({ children }) { return {children} ; } 2) Typography Rule Use SF Pro Text/Display (or system) with a documented type ramp; support Dynamic Type so text scales with user settings.​

Conçoit des écrans et des composants iOS modernes et propres pour les applications Expo React Native suivant Apple HIG avec des zones de sécurité, Dynamic Type, mode sombre, accessibilité, matériaux Liquid Glass et préparation à l'App Store. Source : marcoodignoti/couple-diary.

Voir l'original