What is liquid-glass-design?
iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit. Source: affaan-m/everything-claude-code.
·liquid-glass-design
</>
liquid-glass-design
✓affaan-m/everything-claude-codeGitHub: affaan-m/everything-claude-codeSource: affaan-m/everything-claude-code
iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.
Installation
How to Install liquid-glass-design
Quickly install liquid-glass-design AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-design
- 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: affaan-m/everything-claude-code.
SKILL.md
View rawPatterns for implementing Apple's Liquid Glass — a dynamic material that blurs content behind it, reflects color and light from surrounding content, and reacts to touch and pointer interactions. Covers SwiftUI, UIKit, and WidgetKit integration.
The simplest way to add Liquid Glass to any view:
Always wrap multiple glass views in a container for performance and morphing:
iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit. Source: affaan-m/everything-claude-code.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-design- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-25
- Updated
- 2026-03-10
Quick answers
How do I install liquid-glass-design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-design 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/affaan-m/everything-claude-code
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-25