liquid-glass-design
liquid glass design
What it does
- Building or updating apps for iOS 26+ with the new design language
- Implementing glass-style buttons, cards, toolbars, or containers
- Creating morphing transitions between glass elements
- Applying Liquid Glass effects to widgets
- Migrating existing blur/material effects to the new Liquid Glass API
- .regular — standard glass effect
- .tint(Color) — add color tint for prominence
Requirements & configuration
- Interactive controls that need visual depth and touch feedback
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
liquid-glass-design FAQ
What does the liquid-glass-design skill do?
iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit. Building or updating apps for iOS 26+ with the new design language Implementing glass-style buttons, cards, toolbars, or containers
What does liquid-glass-design require?
Interactive controls that need visual depth and touch feedback
How do I install liquid-glass-design?
Run: npx -y skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-design --agent claude-code — the source lives at github.com/affaan-m/everything-claude-code.
Maintain liquid-glass-design?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/affaan-m-everything-claude-code-liquid-glass-design?ref=badge) npx agentictools info skills/affaan-m-everything-claude-code-liquid-glass-design The second line is the CLI lookup for this page — handy in READMEs and docs.
