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

A comprehensive guide to the Apple Human Interface Guidelines (HIG), detailing best practices for designing seamless and intuitive user experiences across various interaction scenarios. It covers key principles such as minimizing modality, providing clear feedback, handling data entry, progressive onboarding, and managing complex features like sharing and drag-and-drop, ensuring your application feels native and polished.

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.

Guides building native-feeling macOS interfaces, covering layout/composition, traffic lights, draggable chrome, shortcuts, light/dark mode, visuals, animations, drag-and-drop, and onboarding for desktop tools whether React, Electron, or native.

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 guide to implementing the Minimalism design aesthetic across web, iOS (SwiftUI), Flutter, and React Native. This style mandates generous whitespace, strict typography, and the elimination of visual clutter (like borders and shadows), ensuring that content remains the primary focus and the user experience feels clean and breathable.

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.

Recreate the modern, frosted glass aesthetic of macOS notification banners. This template is ideal for adding polished, system-like alerts to video overlays, product launch videos, or social media announcements. It features structured content areas for app icons, titles, and detailed text, mimicking the native OS look and feel.

A comprehensive guide to implementing the Minimalism design aesthetic across web, iOS (SwiftUI), Flutter, and React Native. This style mandates generous whitespace, strict typography, and the elimination of visual clutter (like borders and shadows), ensuring that content remains the primary focus and the user experience feels clean and breathable.

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.