skills.rest
farkasseb
farkassebCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/farkasseb/liquid-glass-skill --skill liquid-glass-farkasseb
Or copy as Structured Prompt for Agent▼
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+.

Related Skills

Explore More Design & Creative Skills→
jtvarisjtvaris

liquid-glass

Implement Liquid Glass design across Apple UI frameworks with glassEffect APIs.

Community
Advanced
gustavscirulisgustavscirulis
114

liquid-glass

Implement Apple's Liquid Glass design language across SwiftUI, AppKit, UIKit, and WidgetKit.

Community
Intermediate
MomoDavilukeMomoDaviluke
2

liquid-glass-design

Implement reusable Liquid Glass UI patterns across SwiftUI, UIKit, and WidgetKit for iOS 26.

Community
Advanced
DengNaichenDengNaichen
34

axiom-design

Guide Apple UI design with HIG and Liquid Glass material rules.

Community
Advanced