skills.rest
Zenobia000
Zenobia000COMMUNITY
Explore all skills by this author →
WebsiteGitHub

liquid-glass-design

Implements iOS 26 Liquid Glass UI across SwiftUI, UIKit, and WidgetKit frameworks.

2|Updated Apr 7, 2026
Search Tags:#ios#swiftui#design-system#uikit#liquid-glass#widgetkit#apple-ios
One-click install
npx skills add https://github.com/Zenobia000/ai-brainstorming --skill liquid-glass-design-zenobia000
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/Zenobia000/ai-brainstorming/tree/main/.claude/custom-rule%26skill/skills/liquid-glass-design
Command: npx skills add https://github.com/Zenobia000/ai-brainstorming --skill liquid-glass-design-zenobia000

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the difficulty developers face when implementing Apple's new iOS 26 Liquid Glass dynamic material design, which requires specialized APIs for blur, reflection, interactive touch responses, and cross-framework (SwiftUI, UIKit, WidgetKit) integration that are not well-documented in official resources.

Core Features & Use Cases

  • Cross-framework implementation support: Provides ready-to-use patterns for SwiftUI, UIKit, and WidgetKit to ensure consistent Liquid Glass effects across all iOS app components.
  • Advanced UI pattern guidance: Covers interactive glass buttons, morphing transitions between glass elements, and widget-specific rendering for tinted Home Screen modes.
  • Performance and best practice rules: Includes guidance for using GlassEffectContainer to optimize rendering performance, avoid common anti-patterns, and ensure accessibility compliance.
  • Use case example: An indie iOS developer building a productivity app for iOS 26 can use this Skill to quickly add a Liquid Glass navigation bar, interactive glass action buttons, and smooth morphing transitions between task list views without manually testing edge API behaviors.

Quick Start

Use the liquid-glass-design skill to add an interactive orange-tinted glass button with a 16-point corner radius to your SwiftUI iOS 26 app's main screen.

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 my iOS 26 SwiftUI app?▼

Liquid Glass effects in SwiftUI are implemented using specialized APIs for blur, color tinting, and touch interaction responses provided by the iOS 26 design system. This Skill provides ready-to-use patterns for interactive glass buttons and morphing transitions.

Can I use Liquid Glass UI elements consistently across UIKit and WidgetKit?▼

Yes, Liquid Glass elements can be applied consistently across UIKit and WidgetKit. This Skill provides cross-framework implementation patterns to ensure blur effects, reflection, and glass rendering remain uniform across all iOS 26 app components.

What is the best way to optimize Liquid Glass rendering performance on iOS 26?▼

The best way to optimize Liquid Glass rendering performance is by using GlassEffectContainer. This Skill includes performance best practices and rules for using containers to avoid common anti-patterns and ensure accessibility compliance.

How do I add an interactive tinted glass button in SwiftUI?▼

You can add an interactive tinted glass button in SwiftUI by applying specialized blur and touch interaction APIs. This Skill guides you through creating elements like an orange-tinted glass button with specific corner radii for iOS 26 apps.

Does WidgetKit support Liquid Glass rendering for tinted Home Screen modes?▼

Yes, WidgetKit supports Liquid Glass rendering for tinted Home Screen modes. This Skill covers widget-specific rendering optimization to ensure your iOS 26 widgets display the dynamic glass material correctly.

Why do my Liquid Glass morphing transitions have performance issues?▼

Liquid Glass morphing transitions often face performance issues when not using GlassEffectContainer. This Skill identifies common anti-patterns and provides container-based optimization rules to improve rendering performance for iOS 26 UI elements.

Related Skills

Explore More Software Engineering Skills→
thangvawnthangvawn

liquid-glass-design

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

Community
Advanced
sumeetonline90sumeetonline90

liquid-glass-design

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

Community
Intermediate
vinitgirdharvinitgirdhar

liquid-glass-design

Implement cross-framework Liquid Glass UI for iOS 26 apps.

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