skills.rest
vrcms
vrcmsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

liquid-glass-design

Implements the iOS 26 Liquid Glass design system for SwiftUI, UIKit, and WidgetKit components.

1|Updated Apr 6, 2026
Search Tags:#ios#swiftui#design-system#ui-development#uikit#glass-morphism
One-click install
npx skills add https://github.com/vrcms/everything-qwen-code --skill liquid-glass-design-vrcms
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/vrcms/everything-qwen-code/tree/main/.qwen/skills/liquid-glass-design
Command: npx skills add https://github.com/vrcms/everything-qwen-code --skill liquid-glass-design-vrcms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of implementing Apple's iOS 26 Liquid Glass design language, which requires precise handling of blur, reflection, and interactive morphing across SwiftUI, UIKit, and WidgetKit.

Core Features & Use Cases

  • Dynamic Material Effects: Apply glass-style blurs and reflections to buttons, cards, and toolbars.
  • Interactive Morphing: Create smooth transitions between glass elements using namespace-based animations.
  • Use Case: When building a modern iOS 26 dashboard, use this skill to ensure your cards and navigation bars correctly blend and react to user touch interactions.

Quick Start

Apply the liquid glass design system to the current view hierarchy by invoking the glass effect modifier with the appropriate container and shape parameters.

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 UI patterns in SwiftUI?▼

Apply Liquid Glass design elements in UIKit using the provided material rendering components to achieve consistent visual hierarchy, blur, and interactive morphing effects across your application.

Can I use Liquid Glass morphing effects in WidgetKit?▼

Yes, WidgetKit integration is supported for Liquid Glass morphing effects, allowing you to apply consistent glass-style blurs, reflections, and interactive transitions within your iOS widgets.

What is the best way to create interactive morphing transitions between glass elements?▼

Create smooth interactive morphing transitions between glass elements by utilizing namespace-based animations, ensuring dynamic material rendering and seamless visual hierarchy across Apple platforms.

Does this Liquid Glass design system support high-performance rendering for complex dashboards?▼

Yes, the Liquid Glass design system satisfies requirements for high-performance rendering, ensuring complex iOS dashboards correctly blend glass cards and navigation bars while reacting to user touch interactions.

Why do my iOS 26 glass blur effects lack consistent visual hierarchy?▼

Glass blur effects lack visual hierarchy when container and shape parameters are mismatched; applying the correct glass effect modifier ensures proper material blending and dynamic reflection across the view hierarchy.

Related Skills

Explore More Design & Creative Skills→
MomoDavilukeMomoDaviluke
2

liquid-glass-design

Implement reusable Liquid Glass UI patterns across SwiftUI, UIKit, and WidgetKit for iOS 26.

Community
Advanced
klu-devklu-dev
2

liquid-glass-design

Implement Apple iOS 26 Liquid Glass effects with blur, reflection, and morphing across SwiftUI, UIKit, and WidgetKit.

Community
Advanced
riftzen-bitriftzen-bit

liquid-glass-design

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

Community
Intermediate
aleonsaaleonsa

liquid-glass-design

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

Community
Intermediate