liquid-glass

Consolidate Apple Liquid Glass design guidance for iOS 26+ and macOS 26+ development.

1|Updated Mar 10, 2026

Search Tags:#migration #swiftui #design-system #appkit #uikit #liquid-glass

Ready to run

npx skills add https://github.com/farkasseb/liquid-glass-skill --skill liquid-glass-farkasseb

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: liquid-glass
Source: https://github.com/farkasseb/liquid-glass-skill/tree/main
Command: npx skills add https://github.com/farkasseb/liquid-glass-skill --skill liquid-glass-farkasseb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Apple’s Liquid Glass design system reference compiles API guidance, patterns, and migration notes for iOS 26+/macOS 26+ into a single, reusable resource to accelerate development and AI-assisted guidance.

Core Features & Use Cases

Central reference for SwiftUI, UIKit, and AppKit glass APIs, gotchas, and migration lessons.
Design rules, visual hierarchy, tinting, and scroll edge effects guidance to speed code generation and reviews.
Practical adoption and migration planning content with real-world considerations.

Quick Start

Open SKILL.md and the references/ docs to begin applying Liquid Glass patterns in your SwiftUI/UIKit/AppKit projects.

Frequently Asked Questions about liquid-glass

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I implement Liquid Glass design system UI in SwiftUI and UIKit?▼

Liquid Glass implementation is supported by a consolidated reference of API guidance, visual hierarchy rules, and tinting effects for SwiftUI, UIKit, and AppKit. It enables deterministic code generation and design reviews across iOS 26+ and macOS 26+.

What is the Liquid Glass design system and when do I need it for my app?▼

The Liquid Glass design system is Apple's UI framework for iOS 26+ and macOS 26+ applications. You need it when building interfaces that require glass-related UI behaviors, specific tinting, and scroll edge effects across SwiftUI, UIKit, and AppKit.

Can I use this Liquid Glass reference to plan a migration for an existing AppKit app?▼

Yes, this reference supports AppKit migration planning by providing practical adoption content, migration lessons, and anti-patterns. It helps transition existing macOS 26+ applications to the Liquid Glass design system while avoiding common pitfalls.

What are common gotchas and anti-patterns when applying Liquid Glass effects?▼

Common Liquid Glass gotchas involve improper visual hierarchy, incorrect tinting, and unexpected scroll edge effect behaviors. The reference consolidates these anti-patterns and migration lessons to help developers debug glass-related UI issues across frameworks.

What's the best way to debug unexpected Liquid Glass scroll edge effects in iOS 26?▼

The best way to debug Liquid Glass scroll edge effects is to consult the consolidated reference for specific UI behavior guidance and anti-patterns. It provides deterministic context to identify and resolve visual hierarchy and tinting issues in iOS 26+.