Skill UI

This guide details Apple's Human Interface Guidelines (HIG) for implementing crucial navigation components. It provides best practices for search fields (instant feedback, scoping), page controls (linear sequences), and path controls (file hierarchy/breadcrumbs). It helps developers ensure their application's UI feels native and intuitive across various Apple platforms (iOS, macOS, etc.).

This comprehensive guide outlines Apple's Human Interface Guidelines (HIG) for various technologies and user flows (e.g., Siri, Apple Pay, HealthKit, ARKit, Generative AI). It teaches developers how to ensure their applications feel natively integrated, respect user privacy, and adhere to established platform patterns across iOS, macOS, and other Apple devices. Essential reading for building high-quality, compliant, and seamless user experiences.

A comprehensive guide detailing best practices for building beautiful, high-performance, and native-feeling applications using Expo Router. Covers fundamentals, advanced styling, component patterns, complex navigation, animations (Reanimated), native controls, and ensuring platform responsiveness for both iOS and Android.

This skill provides a comprehensive framework for designing and reviewing native iOS applications. It covers adherence to Apple's Human Interface Guidelines (HIG), ensuring consistency across layout, typography, safe areas, and system components (e.g., Dynamic Island). Use this when building or reviewing SwiftUI/UIKit code to guarantee the app feels intuitive, highly polished, and genuinely native to the Apple ecosystem.

This comprehensive guide covers the principles and implementation steps for building Progressive Web Apps (PWAs). Learn to integrate essential components like Web App Manifests and Service Workers to ensure your web application offers a reliable, fast, and truly offline-capable experience, mimicking the feel of a native mobile app. Ideal for enhancing web resilience and installability.

A comprehensive discipline for managing the write path in React or React Native applications using a query/cache layer. It codifies the full optimistic update lifecycle, ensuring that UI updates feel instantaneous, rollbacks are verbatim upon failure, and the global cache remains perfectly coherent across all components and list views. This pattern is essential for complex, highly interactive user experiences.