liquid-glass-design

Apply Liquid Glass effects to iOS apps with SwiftUI, UIKit, and WidgetKit.

12|4|Updated Mar 22, 2026

Search Tags:#design system #iOS #SwiftUI #WidgetKit #UIKit #Liquid Glass

Ready to run

npx skills add https://github.com/TeiNam/kiro-with-harness --skill liquid-glass-design-teinam

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/TeiNam/kiro-with-harness/tree/main/skills/liquid-glass-design
Command: npx skills add https://github.com/TeiNam/kiro-with-harness --skill liquid-glass-design-teinam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the challenge of implementing Apple's Liquid Glass design system in iOS apps, providing SwiftUI, UIKit, and WidgetKit support.

Core Features & Use Cases

Dynamic Glass Material: Apply blur, reflection, and interactive morphing effects.
SwiftUI, UIKit, and WidgetKit Integration: Works across different UI frameworks.
Customization Options: Control shape, tint, interactivity, and more.
Use Case: Integrate Liquid Glass into a SwiftUI app for a unique user interface experience.

Quick Start

Apply the Liquid Glass effect to a SwiftUI view in your app.

Frequently Asked Questions about liquid-glass-design

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

FAQPage Schema

How do I apply Liquid Glass effects in a SwiftUI app?▼

You can implement Liquid Glass effects in SwiftUI by using the provided APIs to apply dynamic glass materials. These APIs allow you to add blur, reflection, and interactive morphing effects directly to your interface components.

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

Yes, Liquid Glass design works with UIKit and WidgetKit. This Skill provides integration support across SwiftUI, UIKit, and WidgetKit to apply dynamic glass materials throughout your iOS application interfaces.

What is the Liquid Glass design system in iOS?▼

The Liquid Glass design system is an Apple interface language featuring dynamic glass materials. This Skill enables its application in iOS apps by providing APIs to implement interactive glass effects like blur and reflection.

How do I customize Liquid Glass materials in an iOS app?▼

You can customize Liquid Glass materials in an iOS app using the provided APIs to control shape, tint, and interactivity. This allows you to tailor the dynamic glass effects to fit your specific user interface design.

What are the requirements to implement Liquid Glass in iOS?▼

Implementing Liquid Glass in iOS requires support for Apple's Liquid Glass design language and corresponding framework compatibility. You must ensure your development environment meets these base framework requirements before integration.