Implement Apple's Liquid Glass design system for iOS 26 and 27 UI elements.
npx skills add https://github.com/Pixley-Growth/cal-plugin --skill design-pixley-growth
Please help me install this Agent Skill. Skill: design Source: https://github.com/Pixley-Growth/cal-plugin/tree/main/skills/design Command: npx skills add https://github.com/Pixley-Growth/cal-plugin --skill design-pixley-growth
This Skill provides guidance and tools to incorporate the Apple Liquid Glass design system into iOS 26 and 27 applications, ensuring a native and consistent user experience.
Use the 'design' skill to review the visual design of your application and ensure it adheres to the Apple Liquid Glass standards.
High-intent search queries and answers about installing and using this skill.
Apple Liquid Glass design is a system guiding iOS 26 and 27 UI elements through principles of layering, color, typography, and motion. It defines layer architecture and vibrancy techniques to ensure applications maintain a native, consistent user experience across light and dark modes.
To implement Liquid Glass design principles in SwiftUI, apply the system's layer architecture, color vibrancy, and motion design rules to your views. You use these guidelines to review your application's visual design and ensure it adheres to native Apple standards.
iOS 26 UI design typography guidelines focus on using SF Pro with specific letter spacing best practices. Following these typography rules ensures your text elements align with the Apple Liquid Glass design system and maintain visual consistency.
Yes, familiarity with SwiftUI and Apple's Human Interface Guidelines is required. Understanding these frameworks is necessary to properly apply the Liquid Glass layer architecture, motion design principles, and accessibility considerations within your iOS applications.
To maintain accessibility with Liquid Glass color and tinting, follow the provided instructions on vibrancy techniques and tinting compatibility. This ensures your UI elements remain accessible and visually clear across both dark and light modes.
Yes, Liquid Glass design works for both light and dark modes. The color system provides specific insights on vibrancy and tinting techniques to ensure your UI elements adapt correctly and maintain compatibility across different system appearances.
jpoindexterImplement and validate iPhone UI patterns against Apple's iOS 26 Human Interface Guidelines.
PallepadehatImplement or review SwiftUI views with iOS 26 Liquid Glass APIs and fallbacks.
venomez-viperImplement Apple's Liquid Glass design and animation patterns across SwiftUI, AppKit, UIKit, and WidgetKit.
luongldptitImplement Apple's iOS 26 Liquid Glass design system in SwiftUI, UIKit, and WidgetKit apps.
