liquid-glass

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

603|51|Updated Oct 29, 2025
One-click install
npx skills add https://github.com/rshankras/claude-code-apple-skills --skill liquid-glass-rshankras
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass
Source: https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/design/liquid-glass
Command: npx skills add https://github.com/rshankras/claude-code-apple-skills --skill liquid-glass-rshankras

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and code examples for implementing Apple's modern Liquid Glass design language across various Apple UI frameworks, enabling visually appealing and interactive user interfaces.

Core Features & Use Cases

  • Cross-Framework Implementation: Covers SwiftUI, AppKit, UIKit, and WidgetKit.
  • Interactive Effects: Enables touch and hover-responsive glass elements.
  • Morphing Transitions: Facilitates fluid animations between UI states.
  • Widget Integration: Adapts glass effects for different widget rendering modes and visionOS specific features.
  • Use Case: Enhance your app's aesthetic by applying a consistent, modern glass effect to buttons, cards, and toolbars, making them feel more integrated and dynamic.

Quick Start

Use the liquid-glass skill to apply a basic glass effect to a SwiftUI Text view.

Frequently Asked Questions about liquid-glass

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

FAQPage Schema
How do I implement Apple's Liquid Glass effect in SwiftUI?

Implement Apple's Liquid Glass effect in SwiftUI using the `.glassEffect()` modifier to apply modern, interactive glass textures to views like buttons and cards. This Skill provides code examples for fluid animations and container grouping.

Can I use the glass effect in UIKit and AppKit applications?

Yes, you can apply the glass effect in UIKit and AppKit using `UIGlassEffect` and `NSGlassEffectView` respectively. This allows for consistent glass UI implementation across different Apple UI frameworks beyond just SwiftUI.

Does this glass effect support interactive touch and morphing transitions?

The Liquid Glass design supports interactive touch and hover-responsive elements, alongside morphing transitions that facilitate fluid animations between UI states. This enhances visual appeal and makes interface components feel more dynamic.

How do I adapt glass effects for WidgetKit rendering modes?

Adapt glass effects for WidgetKit by applying the design to different widget rendering modes and visionOS specific features. This Skill covers widget integration to ensure glass effects perform well and maintain visual consistency.

What is the best way to group glass effect elements in an app?

The best way to group glass effect elements is by using container grouping features within the Liquid Glass design language. This approach ensures enhanced visual appeal and optimized performance when rendering multiple glass components.