skills.rest
aleonsa
aleonsaCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

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

1|Updated Mar 10, 2026
Search Tags:#design system#ios#swiftui#widgets#uikit#liquid glass
One-click install
npx skills add https://github.com/aleonsa/claude-config --skill liquid-glass-design-aleonsa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/aleonsa/claude-config/tree/main/claude/skills/liquid-glass-design
Command: npx skills add https://github.com/aleonsa/claude-config --skill liquid-glass-design-aleonsa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides patterns and code examples for implementing Apple's new Liquid Glass design language in iOS applications, enabling dynamic and interactive glass-like materials.

Core Features & Use Cases

  • Dynamic Glass 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 UI by creating visually appealing buttons, containers, and toolbars that mimic the fluid and responsive Liquid Glass aesthetic.

Quick Start

Apply a basic 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 in SwiftUI by applying the .glassEffect() modifier to views like Text. This Skill provides patterns for creating dynamic glass materials with blur and reflection directly within SwiftUI.

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

Yes, Liquid Glass materials are supported across UIKit, SwiftUI, and WidgetKit. This Skill provides cross-platform implementation patterns covering visual effects for UIKit and specific rendering modes for WidgetKit.

What are Liquid Glass design patterns for interactive morphing UI elements?▼

Liquid Glass interactive morphing patterns enable fluid, responsive transitions for UI elements like buttons and toolbars. This Skill provides code examples to apply blur, reflection, and morphing effects to mimic the iOS aesthetic.

Do I need to understand SwiftUI view modifiers to apply Liquid Glass?▼

Yes, understanding SwiftUI view modifiers is required to apply Liquid Glass effectively. You also need knowledge of UIKit visual effects and WidgetKit rendering modes to utilize the cross-platform implementation patterns provided.

What's the best way to create dynamic glass containers in iOS?▼

The best way to create dynamic glass containers in iOS is using the provided Liquid Glass implementation patterns. They enable you to build visually appealing toolbars and containers with dynamic blur and interactive morphing.

Related Skills

Explore More Design & Creative Skills→
unju-aiunju-ai

liquid-glass-design

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

Official
Intermediate
thangvawnthangvawn

liquid-glass-design

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

Community
Advanced
CharlesWiltgenCharlesWiltgen
1.1k

liquid-glass

Implement Liquid Glass visual effects with SwiftUI glassEffect across Apple platforms.

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