skills.rest
makgunay
makgunayCOMMUNITY
Explore all skills by this author →
𝕏@makgunayGitHub

liquid-glass

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

1|Updated Feb 6, 2026
Search Tags:#design system#ios#macos#swiftui#appkit#uikit#liquid glass
One-click install
npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass-makgunay
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass
Source: https://github.com/makgunay/claude-swift-skills/tree/main/liquid-glass
Command: npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass-makgunay

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to implementing Apple's Liquid Glass design system across all platforms, ensuring modern, visually appealing, and interactive user interfaces.

Core Features & Use Cases

  • Cross-Platform Implementation: Covers SwiftUI, AppKit, UIKit, and WidgetKit.
  • UI Element Styling: Learn to apply glass effects to views, buttons, and toolbars.
  • Interactive Elements: Implement touch and pointer responsiveness for glass elements.
  • Advanced Techniques: Master morphing transitions, glass unions, and container management.
  • Use Case: When designing a new macOS app, use this Skill to ensure all visual elements, from buttons to complex containers, adhere to the latest Liquid Glass design principles for a cohesive and professional look.

Quick Start

Apply a basic glass effect to a SwiftUI Text view with a rounded rectangle shape.

Frequently Asked Questions about liquid-glass

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

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

Use the .glassEffect() modifier on SwiftUI views to apply Liquid Glass styling. This adds a modern, visually appealing glass layer to your UI elements.

Can I implement Liquid Glass design in UIKit and AppKit?▼

Yes, Liquid Glass works across UIKit and AppKit using UIGlassEffect and NSGlassEffectView respectively. These APIs ensure cross-platform visual consistency for your app's user interface.

What is a GlassEffectContainer and when do I need it?▼

GlassEffectContainer is a component for managing multiple glass elements in SwiftUI. You need it when implementing morphing transitions and glass unions to ensure elements blend cohesively.

How do I add interactivity to Liquid Glass buttons?▼

Add interactivity to Liquid Glass buttons by implementing touch and pointer responsiveness across SwiftUI, UIKit, or AppKit. This ensures glass elements react dynamically to user interactions.

Does this Liquid Glass guide cover WidgetKit implementation?▼

Yes, the Liquid Glass implementation guide covers WidgetKit alongside SwiftUI, AppKit, and UIKit. It provides comprehensive styling guidance for buttons, toolbars, and views across Apple platforms.

Related Skills

Explore More Design & Creative Skills→
aleonsaaleonsa

liquid-glass-design

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

Community
Intermediate
hieuckhieuck

liquid-glass-design

Implement iOS 26 Liquid Glass visuals with glassEffect modifiers across SwiftUI, UIKit, and WidgetKit.

Community
Advanced
Davie521Davie521
7

liquid-glass-design

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

Community
Advanced
ROLLED740ROLLED740
1

liquid-glass-design

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

Community
Advanced