·liquid-glass
</>

liquid-glass

✓
makgunay/claude-swift-skillsGitHub: makgunay/claude-swift-skillsSource: makgunay/claude-swift-skills

Comprehensive guide to Apple's Liquid Glass design system introduced in macOS 26, iOS 26, and across all Apple platforms. Covers SwiftUI (.glassEffect(), GlassEffectContainer, .interactive(), .tint(), glassEffectID morphing, .buttonStyle(.glass), .buttonStyle(.glassProminent), glassEffectUnion), AppKit (NSGlassEffectView, NSGlassEffectContainerView), UIKit (UIGlassEffect, UIGlassContainerEffect, UIScrollEdgeEffect), and WidgetKit (accented rendering mode, widgetAccentable). Use whenever building UI with the new Apple design language, adopting glass effects, styling buttons or toolbars, or creating modern macOS/iOS interfaces. Always consult this skill when asked about new Apple design.

makgunay·liquid·glass
6Installs·0Trend·@makgunay

Installation

GitHub: makgunay/claude-swift-skills
$npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass

How to Install liquid-glass

Quickly install liquid-glass AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: makgunay/claude-swift-skills.

SKILL.md

View raw

Apple's new material design combining glass optics with fluid interaction. Available across all platforms.

| references/swiftui-glass.md | SwiftUI glass effects, containers, morphing, button styles | | references/appkit-glass.md | AppKit NSGlassEffectView, NSGlassEffectContainerView, hover effects | | references/uikit-glass.md | UIKit UIGlassEffect, scroll edge effects, container effects |

| references/widgetkit-glass.md | Widget accented rendering mode, widgetAccentable modifier |

Comprehensive guide to Apple's Liquid Glass design system introduced in macOS 26, iOS 26, and across all Apple platforms. Covers SwiftUI (.glassEffect(), GlassEffectContainer, .interactive(), .tint(), glassEffectID morphing, .buttonStyle(.glass), .buttonStyle(.glassProminent), glassEffectUnion), AppKit (NSGlassEffectView, NSGlassEffectContainerView), UIKit (UIGlassEffect, UIGlassContainerEffect, UIScrollEdgeEffect), and WidgetKit (accented rendering mode, widgetAccentable). Use whenever building UI with the new Apple design language, adopting glass effects, styling buttons or toolbars, or creating modern macOS/iOS interfaces. Always consult this skill when asked about new Apple design. Source: makgunay/claude-swift-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass
Source
makgunay/claude-swift-skills
Category
</>Dev Tools
Verified
✓
First Seen
2026-02-24
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/makgunay/claude-swift-skills/liquid-glass

Browse more skills from makgunay/claude-swift-skills

Quick answers

What is liquid-glass?

Comprehensive guide to Apple's Liquid Glass design system introduced in macOS 26, iOS 26, and across all Apple platforms. Covers SwiftUI (.glassEffect(), GlassEffectContainer, .interactive(), .tint(), glassEffectID morphing, .buttonStyle(.glass), .buttonStyle(.glassProminent), glassEffectUnion), AppKit (NSGlassEffectView, NSGlassEffectContainerView), UIKit (UIGlassEffect, UIGlassContainerEffect, UIScrollEdgeEffect), and WidgetKit (accented rendering mode, widgetAccentable). Use whenever building UI with the new Apple design language, adopting glass effects, styling buttons or toolbars, or creating modern macOS/iOS interfaces. Always consult this skill when asked about new Apple design. Source: makgunay/claude-swift-skills.

How do I install liquid-glass?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/makgunay/claude-swift-skills --skill liquid-glass Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/makgunay/claude-swift-skills

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-24

Related Skills

macos-permissions
10 Installs
global-hotkeys
5 Installs