skills.rest
novvoo
novvooCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

liquid-glass-design

Implement iOS 26 Liquid Glass design with SwiftUI, UIKit, and WidgetKit code snippets.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides patterns and code examples for implementing Apple's new "Liquid Glass" dynamic material design language in iOS 26 applications across SwiftUI, UIKit, and WidgetKit.

Core Features & Use Cases

  • Dynamic Material Implementation: Apply blur, reflection, and interactive morphing effects.
  • Cross-Platform Support: Examples for SwiftUI, UIKit, and WidgetKit.
  • Use Case: Integrate modern, visually rich glass-like UI elements into your app, from buttons and cards to complex container effects and interactive widgets.

Quick Start

Apply the default Liquid Glass effect to a Text view in SwiftUI.

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 the iOS 26 Liquid Glass design system in SwiftUI?▼

This Skill provides patterns and code snippets for implementing the Liquid Glass design system in SwiftUI, UIKit, and WidgetKit. It covers applying blur, reflection, interactive morphing, and container effects to create glass-like UI elements in iOS 26.

Can I apply Liquid Glass effects in UIKit and WidgetKit?▼

Yes, Liquid Glass effects can be applied in UIKit and WidgetKit. The Skill provides cross-platform code examples and implementation guidance for integrating dynamic materials and container effects across SwiftUI, UIKit, and WidgetKit components.

What is interactive morphing in the iOS 26 Liquid Glass design language?▼

Interactive morphing is a dynamic material effect in the Liquid Glass design language. This Skill provides guidance and code snippets for customizing interactive morphing, blur, and reflection effects to create visually rich glass-like UI elements in iOS 26.

What are the best practices and anti-patterns for Liquid Glass UI development?▼

Best practices for Liquid Glass UI development involve correctly applying dynamic materials and container effects, while avoiding outlined anti-patterns. The Skill addresses these guidelines to ensure effective integration of blur, reflection, and morphing in iOS 26.

Related Skills

Explore More Design & Creative Skills→
ROYCE-8425ROYCE-8425
1

liquid-glass-design

Provide SwiftUI, UIKit, and WidgetKit patterns for Apple's Liquid Glass design system.

Community
Intermediate
Sake-TeamSake-Team

liquid-glass-design

Integrate Liquid Glass effects into iOS 26 SwiftUI, UIKit, and WidgetKit apps.

Official
Intermediate
rshankrasrshankras
603

liquid-glass

Implement Apple's Liquid Glass design language across SwiftUI, AppKit, UIKit, and WidgetKit.

Community
Intermediate
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced