liquid-glass-design

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

Updated Nov 7, 2025
One-click install
npx skills add https://github.com/phoenicisf/forex-analyzer --skill liquid-glass-design-phoenicisf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/phoenicisf/forex-analyzer/tree/main/.agents/skills/liquid-glass-design
Command: npx skills add https://github.com/phoenicisf/forex-analyzer --skill liquid-glass-design-phoenicisf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Unifies blur, reflection, and morphing visuals into a reusable Liquid Glass design system for iOS 26 apps, enabling designers and engineers to implement consistent glass UI across SwiftUI, UIKit, and WidgetKit.

Core Features & Use Cases

  • SwiftUI integration with a glassEffect modifier to apply glass surfaces to views
  • UIKit support via UIGlassEffect and container patterns for composable layouts
  • WidgetKit compatibility with accent rendering and glass-backed widgets

Quick Start

Add the Liquid Glass components to your SwiftUI or UIKit views and start applying glassEffect modifiers to create dynamic, morphing UI.

Frequently Asked Questions about liquid-glass-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply Liquid Glass UI effects in SwiftUI?

To apply Liquid Glass UI effects in SwiftUI, use the glassEffect modifier on your views. This standardizes blur, reflection, and morphing visuals to create dynamic glass-styled surfaces across your iOS 26 app.

Can I implement glass morphing transitions in UIKit?

Yes, you can implement glass morphing transitions in UIKit using UIGlassEffect and container patterns. These provide composable layouts to ensure consistent glass UI alongside your SwiftUI implementation.

Does WidgetKit support Liquid Glass effects for iOS 26 widgets?

Yes, WidgetKit supports Liquid Glass effects through accent rendering and glass-backed widgets. This ensures your iOS 26 widgets maintain visual consistency with glass-styled surfaces across frameworks.

What is the best way to unify blur and reflection visuals across different iOS UI frameworks?

The best way to unify blur and reflection visuals is using a cross-framework Liquid Glass design system. It standardizes glass UI patterns across SwiftUI, UIKit, and WidgetKit to deliver consistent morphing surfaces.

How do I create interactive glass-styled cards and toolbars in iOS 26?

You create interactive glass-styled cards and toolbars in iOS 26 by applying glassEffect modifiers in SwiftUI or UIGlassEffect in UIKit. These components enable dynamic blur and morphing transitions for interactive surfaces.