design-liquid-glass

Implement Liquid Glass UI across SwiftUI, UIKit, AppKit, and WidgetKit.

4|1|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/AutisticAF/claude-code-apple-dev-plugin --skill design-liquid-glass
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-liquid-glass
Source: https://github.com/AutisticAF/claude-code-apple-dev-plugin/tree/main/skills/design-liquid-glass
Command: npx skills add https://github.com/AutisticAF/claude-code-apple-dev-plugin --skill design-liquid-glass

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Liquid Glass design provides a unified approach to implementing translucent, interactive glass surfaces across Apple platforms, enabling a modern and cohesive UI language.

Core Features & Use Cases

  • Cross-framework glass effects across SwiftUI, AppKit, UIKit, and WidgetKit using standardized APIs.
  • Morphing and composition with GlassEffectContainer to enable smooth transitions and grouped glass surfaces.
  • WidgetKit support with accented rendering mode and widget-specific glass elements for consistent aesthetics.

Quick Start

Instantiate a glass effect on a view to begin using Liquid Glass across SwiftUI, UIKit, AppKit, and WidgetKit.

Frequently Asked Questions about design-liquid-glass

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

FAQPage Schema
How do I implement Liquid Glass UI effects across SwiftUI and UIKit?

To implement Liquid Glass UI across SwiftUI and UIKit, you use standardized glass APIs to apply translucent surfaces without duplicating design logic. This enables interactive glass effects across both frameworks using a unified approach.

Can I apply Liquid Glass effects to widgets using WidgetKit?

Yes, you can apply Liquid Glass effects to widgets using WidgetKit. The system supports accented rendering mode and widget-specific glass elements, ensuring consistent aesthetics and functional integration with glass APIs.

What is the best way to migrate from older material-based backgrounds to Liquid Glass?

Migrating from older material-based backgrounds to Liquid Glass involves adopting the standardized glass APIs across SwiftUI, AppKit, UIKit, and WidgetKit. This approach replaces legacy materials with modern, cohesive translucent surfaces.

How do GlassEffectContainer morphing transitions work for grouped glass surfaces?

GlassEffectContainer enables morphing and composition for grouped glass surfaces. It provides smooth transitions between interactive glass elements, allowing multiple translucent surfaces to blend cohesively across Apple platforms.

Does AppKit support the same Liquid Glass design logic as SwiftUI?

Yes, AppKit supports the same Liquid Glass design logic as SwiftUI. The standardized APIs ensure cross-framework glass effects without duplicating design logic, enabling unified translucent surfaces across both frameworks.