skills.rest
kouiso
kouisoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

liquid-glass-design

Implement iOS Liquid Glass design patterns across SwiftUI, UIKit, and WidgetKit.

Updated Jul 27, 2026
Search Tags:#design system#swiftui#uikit#widgetkit#liquid glass#ios design
One-click install
npx skills add https://github.com/kouiso/designdiff --skill liquid-glass-design-kouiso
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/kouiso/designdiff/tree/main/.claude/skills/liquid-glass-design
Command: npx skills add https://github.com/kouiso/designdiff --skill liquid-glass-design-kouiso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive guide and implementation patterns for Apple's new Liquid Glass design system, enabling developers to create dynamic, visually rich interfaces with blur, reflection, and interactive elements.

Core Features & Use Cases

  • Dynamic Material Effects: Apply blur, reflection, and interactive morphing to UI elements.
  • Cross-Platform Support: Covers SwiftUI, UIKit, and WidgetKit integration.
  • Use Case: Enhance your app's aesthetic by implementing modern glass-like buttons, containers, and dynamic transitions that respond to user interaction.

Quick Start

Apply a default liquid glass effect to any SwiftUI view by appending 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 iOS Liquid Glass effects in SwiftUI?▼

Apply the iOS Liquid Glass effect in SwiftUI by appending the `.glassEffect()` modifier to any view, enabling dynamic glass material with blur and reflection for your UI elements.

Can I use Liquid Glass design with UIKit and WidgetKit?▼

Yes, you can implement the Liquid Glass design system across UIKit and WidgetKit, applying dynamic glass materials with interactive morphing to buttons, containers, and toolbars.

What is the Liquid Glass design system on iOS?▼

The Liquid Glass design system is Apple's new visual framework enabling dynamic, glass-like interfaces featuring blur, reflection, and interactive morphing that respond to user interaction.

How do I customize Liquid Glass shape and tint for buttons?▼

Customize Liquid Glass shape and tint by configuring the interactive properties of the glass material, allowing tailored visual styling for various components like buttons and containers.

Does Liquid Glass support interactive morphing for UI containers?▼

Yes, Liquid Glass supports interactive morphing for UI containers, allowing dynamic visual transitions and glass material responses that adapt to user interactions across your interface.

Related Skills

Explore More Design & Creative Skills→
RUSHYOPRUSHYOP

liquid-glass-design

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

Community
Advanced
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced
aleonsaaleonsa

liquid-glass-design

Implement Liquid Glass design patterns across SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
JamkrisJamkris
86

liquid-glass-design

Implement Liquid Glass effects in SwiftUI, UIKit, and WidgetKit for iOS 26 apps.

Community
Advanced