liquid-glass-design

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

Updated Jul 10, 2025
One-click install
npx skills add https://github.com/nubiv/my-nome --skill liquid-glass-design-nubiv
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/nubiv/my-nome/tree/main/nix-darwin/config/claude/skills/liquid-glass-design
Command: npx skills add https://github.com/nubiv/my-nome --skill liquid-glass-design-nubiv

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers implement Apple's advanced Liquid Glass design system in their iOS applications, ensuring a modern and dynamic user interface.

Core Features & Use Cases

  • Dynamic Glass Material: Implement blur, reflection, and interactive morphing effects.
  • Cross-Platform Support: Covers SwiftUI, UIKit, and WidgetKit.
  • Use Case: Integrate a visually stunning, interactive glass-like button into your app's navigation bar for an enhanced user experience.

Quick Start

Apply the default liquid glass effect to a Text view using the .glassEffect() modifier.

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 Liquid Glass design system in SwiftUI?

Implement the iOS Liquid Glass design system in SwiftUI by applying the .glassEffect() modifier to views like Text. This provides comprehensive guidance and code examples for dynamic glass materials, including blur, reflection, and interactive morphing.

Can I use Liquid Glass effects with UIKit and WidgetKit?

Yes, Liquid Glass effects work with UIKit and WidgetKit. The Skill provides cross-platform support, detailing patterns for dynamic glass materials, interactive morphing, and specific widget rendering modes across these frameworks.

What is interactive morphing in iOS glass materials?

Interactive morphing in iOS glass materials is a dynamic effect pattern that allows glass surfaces to smoothly transition and adapt their blur and reflection properties based on user interaction and underlying content.

How do I customize shapes and tints for glass effect buttons in iOS?

Customize shapes and tints for glass effect buttons in iOS by applying specific patterns detailed in the Skill. It covers how to adjust button styles and container effects to achieve a visually stunning, interactive glass-like interface.

Does this Skill require any external dependencies to render glass materials?

No external dependencies are required to render glass materials. The Skill operates independently, providing native implementation patterns for SwiftUI, UIKit, and WidgetKit to achieve blur, reflection, and container effects.

What is the best way to add a glass-like button to an iOS navigation bar?

The best way to add a glass-like button to an iOS navigation bar is to apply the provided glass effect modifiers and button styles. This creates an enhanced user experience with dynamic glass materials and interactive morphing.