liquid-glass-design

Implement Apple's iOS 26 Liquid Glass design system across SwiftUI, UIKit, and WidgetKit.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/deneb-cygnus-dev/dot-agent --skill liquid-glass-design-deneb-cygnus-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/deneb-cygnus-dev/dot-agent/tree/main/skills/liquid-glass-design
Command: npx skills add https://github.com/deneb-cygnus-dev/dot-agent --skill liquid-glass-design-deneb-cygnus-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides patterns and guidance for implementing Apple's new Liquid Glass design system in iOS applications, enabling dynamic and interactive visual effects.

Core Features & Use Cases

  • Dynamic Material Effects: Implement blur, reflection, and interactive morphing for UI elements.
  • Cross-Platform Support: Covers SwiftUI, UIKit, and WidgetKit integration.
  • Use Case: Enhance your app's UI by applying a modern, interactive glass-like material to buttons, cards, and toolbars, creating a visually rich user experience.

Quick Start

Apply a basic Liquid Glass effect to a Text view in SwiftUI using the .glassEffect() modifier.

Frequently Asked Questions about liquid-glass-design

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

FAQPage Schema
How do I implement Liquid Glass effects in SwiftUI?

You can implement Liquid Glass effects in SwiftUI by applying the `.glassEffect()` modifier to UI elements like Text views. This Skill provides specific API usage patterns to create dynamic materials with blur, reflection, and interactive morphing capabilities.

Can I use the iOS 26 Liquid Glass design system in UIKit and WidgetKit?

Yes, the Liquid Glass design system patterns are supported across SwiftUI, UIKit, and WidgetKit. This Skill facilitates cross-platform integration, enabling you to apply interactive glass-like materials to buttons, cards, and toolbars throughout your iOS app.

What are Liquid Glass dynamic materials and how do they work?

Liquid Glass dynamic materials work by applying blur, reflection, and interactive morphing capabilities to UI elements. They create a visually rich, interactive glass-like material for components like cards and toolbars, requiring specific API usage for optimal visual fidelity.

What is the best way to apply interactive morphing capabilities to iOS UI elements?

The best way to apply interactive morphing capabilities is by using the comprehensive Liquid Glass patterns provided for iOS 26. This approach ensures optimal performance and visual fidelity when creating dynamic material effects for buttons and containers.

Do I need specific APIs to achieve optimal performance with Liquid Glass materials?

Yes, achieving optimal performance and visual fidelity with Liquid Glass materials requires adherence to specific API usage. This Skill provides the necessary comprehensive patterns to ensure your dynamic blur and reflection effects perform efficiently.