skills.rest
TeiNam
TeiNamCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/TeiNam/kiro-with-harness --skill liquid-glass-design-teinam
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
arbisoftarbisoft
4

liquid-glass-design

Implement Liquid Glass UI with blur, tint, and morphing transitions across SwiftUI, UIKit, and WidgetKit.

Official
Advanced
DimillianDimillian
3.9k

swiftui-liquid-glass

Implement and review Liquid Glass usage in SwiftUI iOS 26+ apps.

Community
Advanced
PicoMLXPicoMLX

swiftui-liquid-glass

Implement and review SwiftUI features using the iOS 26+ Liquid Glass API.

Official
Intermediate
yashpalsince2004yashpalsince2004

swiftui-liquid-glass

Apply SwiftUI Liquid Glass effects to custom iOS 26+ views.

Community
Advanced