apple-ecosystem-expert

# Apple Ecosystem Expert — vibes-plug Skill [English](#english) | [Bahasa Indonesia](#bahasa-indonesia) --- <a name="english"></a> ## English ### Description Expert guide for Apple Ecosystem development. Covers Safari WebKit compatibility, Progressive Web Apps (PWAs) tailored for iOS, touch interactions, `manifest.json` configurations, and applying Human Interface Guidelines (HIG) principles to web and iOS applications. ### Trigger Conditions Activate this skill when the user is: - Asking for Safari browser compatibility or fixing WebKit bugs. - Developing PWAs or web apps targeting iOS/iPadOS devices. - Asking about `apple-touch-icon`, `apple-mobile-web-app-capable`, or related meta tags. - Building UI elements that need to look and feel native on Apple devices. --- ### Core Concepts #### 1. iOS PWA & Meta Tags To ensure a web application looks and acts like a native app on iOS when added to the home screen, include these specific meta tags and configurations: ```html <!-- iOS Safari PWA Meta Tags --> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta name="apple-mobile-web-app-title" content="App Title" /> <link rel="apple-touch-icon" href="/icon-192x192.png" /> <!-- Support for splash screens requires specific sizes, consider using PWA asset generators --> ``` #### 2. Safari WebKit CSS Quirks Safari (WebKit) has distinct behavior for viewport sizing and scrolling. | CSS Feature...