liquid-glass

Apply Liquid Glass glass effects across SwiftUI, AppKit, UIKit, and WidgetKit.

Updated Jun 2, 2026
One-click install
npx skills add https://github.com/ano4l/SiteRent --skill liquid-glass-ano4l
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass
Source: https://github.com/ano4l/SiteRent/tree/main/skills/design/liquid-glass
Command: npx skills add https://github.com/ano4l/SiteRent --skill liquid-glass-ano4l

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Liquid Glass design requires consistent glass effects across multiple Apple UI frameworks. This skill provides a unified approach to applying glass effects across SwiftUI, AppKit, UIKit, and WidgetKit to deliver cohesive, modern UIs.

Core Features & Use Cases

  • Cross-framework glass application: implement .glassEffect() and related APIs to produce consistent glass surfaces in SwiftUI, UIKit, AppKit, and WidgetKit.
  • Morphing and interactivity: support morphing transitions and interactive glass elements using containers and IDs.
  • Widget and visionOS readiness: adapt glass rendering for widgets, accented mode, and visionOS textures and mounting styles.

Quick Start

Ask your AI to apply Liquid Glass styling to a SwiftUI view, UIKit component, AppKit view, or WidgetKit widget.

Frequently Asked Questions about liquid-glass

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

FAQPage Schema
How do I apply consistent Liquid Glass effects across SwiftUI, UIKit, and AppKit?

Apply consistent Liquid Glass effects across SwiftUI, UIKit, and AppKit by standardizing the .glassEffect() API and GlassEffectContainer. This ensures cohesive glass surfaces and cross-framework consistency for modern Apple UIs.

What is the best way to handle Liquid Glass morphing transitions in visionOS?

Handle Liquid Glass morphing transitions in visionOS by using GlassEffectContainer with specific IDs. This approach supports morphing transitions and interactive glass elements seamlessly across different contexts.

Does WidgetKit support Liquid Glass rendering modes and tinting?

Yes, WidgetKit supports Liquid Glass rendering modes and tinting. You can adapt glass rendering for widgets, including accented mode, to ensure visual consistency across different Apple platform contexts.

Can I use .glassEffect() with existing UIKit components?

Yes, you can use .glassEffect() with existing UIKit components. The unified approach applies glass effects across SwiftUI, UIKit, AppKit, and WidgetKit to deliver cohesive UIs without requiring a complete framework rewrite.

What are the accessibility and performance guidelines for Liquid Glass UI?

Accessibility and performance guidelines for Liquid Glass UI specify rules for morphing transitions, accessibility compliance, performance optimization, and cross-framework consistency. These ensure smooth, accessible glass effects across all Apple platforms.