liquid-glass-design

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

1|Updated May 12, 2026
One-click install
npx skills add https://github.com/Manvendra08/TradingBot --skill liquid-glass-design-manvendra08
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/Manvendra08/TradingBot/tree/main/_agent/skills/liquid-glass-design
Command: npx skills add https://github.com/Manvendra08/TradingBot --skill liquid-glass-design-manvendra08

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple's iOS 26 introduces the new Liquid Glass dynamic material design system, which requires specific framework APIs to implement correct blur, reflection, and interactive morphing behavior. Building custom glass effects from scratch often leads to inconsistent visual results, poor performance, and non-compliance with Apple's Human Interface Guidelines across SwiftUI, UIKit, and WidgetKit.

Core Features & Use Cases

  • Cross-framework Liquid Glass implementation: Provides ready-to-use patterns for SwiftUI, UIKit, and WidgetKit to ensure consistent glass-effect design across all iOS 26 app and widget surfaces.
  • Interactive and morphing glass components: Includes guidance for touch/pointer-reactive glass elements, custom shape and tint configuration, smooth morphing transitions between related UI states, and performance-optimized glass effect containers.
  • Real-world use case: For example, use this skill to add a glass-effect navigation bar, floating action buttons, and tinted home screen widgets to a SwiftUI iOS 26 app that matches the system's native design language.

Quick Start

Use the liquid-glass-design skill to add an interactive, morphing glass card container to your SwiftUI iOS 26 app's main dashboard.

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 effect in SwiftUI?

You can add Liquid Glass effects to UIKit using this skill's cross-framework patterns for dynamic blur, touch-reactive elements, and performance-optimized glass effect containers compliant with Apple's design system.

Can I add Liquid Glass effects to UIKit views?

Yes, you can add Liquid Glass effects to UIKit using this skill's cross-framework patterns for dynamic blur, touch-reactive elements, and performance-optimized glass effect containers compliant with Apple's design system.

What is the best way to build custom Liquid Glass components for iOS 26 apps?

To create iOS 26 Liquid Glass widgets, use this skill's WidgetKit patterns to ensure consistent glass-effect rendering, dynamic blur, and system-aligned widget rendering that matches the native home screen design language.

Does this approach support interactive morphing transitions for glass-effect components?

Yes, this approach supports interactive morphing transitions by providing guidance for touch and pointer-reactive glass elements, allowing smooth state morphing and custom shape configuration across iOS 26 frameworks.

Why do my custom iOS 26 glass effects have poor performance and inconsistent visuals?

Custom iOS 26 glass effects often perform poorly because they lack system-aligned APIs; this skill resolves this by providing performance-optimized glass effect containers and compliant dynamic material rendering patterns.