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.​

Apple HIG に準拠した、安全なエリア、ダイナミック タイプ、ダーク モード、アクセシビリティ、液体ガラス マテリアル、および App Store への対応を備えた Expo React Native アプリ用の最新のクリーンな iOS 画面とコンポーネントを設計します。 ソース: marcoodignoti/couple-diary。

原文を見る