skills.rest
kk20300113-png
kk20300113-pngCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

Implements iOS 26 Liquid Glass design for SwiftUI, UIKit, WidgetKit apps.

Updated May 9, 2026
Search Tags:#ios#ui design#swiftui#uikit#widgetkit#liquid glass#apple development
One-click install
npx skills add https://github.com/kk20300113-png/my-claude-skills --skill liquid-glass-design-kk20300113-png
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/kk20300113-png/my-claude-skills/tree/main/liquid-glass-design
Command: npx skills add https://github.com/kk20300113-png/my-claude-skills --skill liquid-glass-design-kk20300113-png

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Implementing Apple's new iOS 26 Liquid Glass design system — with dynamic blur, color reflection, and interactive morphing — across SwiftUI, UIKit, and WidgetKit requires specialized, framework-specific patterns to avoid performance issues, broken appearances, and inconsistent user experiences across light, dark, and tinted Home Screen modes.

Core Features & Use Cases

  • Cross-framework implementation patterns: Tested code samples for SwiftUI, UIKit, and WidgetKit to implement glass-effect buttons, cards, toolbars, and containers.
  • Morphing transition support: Guidance for creating smooth, animated morphing between glass elements using GlassEffectContainer and namespace-based IDs.
  • Widget and edge effect handling: Patterns for widget accented rendering, scroll edge effects, and cross-appearance consistency.
  • Use case example: If you are building an iOS 26+ productivity app with floating action buttons and custom navigation bars, use this skill to implement Liquid Glass effects that match Apple's design language and perform well across all device types.

Quick Start

Use the liquid-glass-design skill to add an interactive, tinted glass button with a 16-point corner radius to your SwiftUI app's primary action interface.

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 26 Liquid Glass effects in SwiftUI?▼

Yes, Liquid Glass design supports cross-framework implementation across SwiftUI, UIKit, and WidgetKit. You get tested code samples for each framework to build glass-effect UI elements like buttons and toolbars while maintaining consistent appearances and interactions.

How do I create morphing transitions between glass elements?▼

Create morphing transitions between Liquid Glass elements using GlassEffectContainer and namespace-based IDs. This approach enables smooth, animated morphing between glass components across different UI states in your iOS 26 application.

Does WidgetKit support Liquid Glass backgrounds for Home Screen appearances?▼

Yes, WidgetKit supports Liquid Glass backgrounds with patterns for widget accented rendering. This ensures your widgets adapt properly to light, dark, and tinted Home Screen appearances while maintaining cross-appearance consistency.

What are the performance considerations for Liquid Glass dynamic materials?▼

Performance optimization for Liquid Glass dynamic materials requires framework-specific patterns to avoid broken appearances and lag. This skill provides tested implementation patterns for scroll edge effects, interactive touch feedback, and cross-framework UI consistency across Apple devices.

Related Skills

Explore More Software Engineering Skills→
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced
RambleRainbowRambleRainbow

liquid-glass-design

Implement iOS 26 Liquid Glass materials in SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
logeshv586-codelogeshv586-code

liquid-glass-design

Implement Apple's Liquid Glass design system for iOS 26 apps.

Community
Advanced
luongldptitluongldptit

liquid-glass-design

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

Community
Intermediate