skills.rest
TakMczk
TakMczkCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

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

1|Updated Feb 22, 2026
Search Tags:#design system#ios#swiftui#uikit#widgetkit#glass effect
One-click install
npx skills add https://github.com/TakMczk/copilot-cli-ecc --skill liquid-glass-design-takmczk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/TakMczk/copilot-cli-ecc/tree/main/.github/skills/liquid-glass-design
Command: npx skills add https://github.com/TakMczk/copilot-cli-ecc --skill liquid-glass-design-takmczk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides patterns and guidance for implementing Apple's new "Liquid Glass" design language in iOS applications, enabling dynamic blur, reflection, and interactive effects.

Core Features & Use Cases

  • Dynamic Glass Material: Implement visually appealing glass-like surfaces with blur, tinting, and interactive responses.
  • Cross-Platform Support: Covers SwiftUI, UIKit, and WidgetKit for consistent UI across Apple platforms.
  • Use Case: Enhance your app's UI by transforming standard buttons, cards, and containers into modern, interactive glass elements that react to user input and system appearance.

Quick Start

Apply the basic glass effect to a Text view in SwiftUI using the .glassEffect() modifier.

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 design system in SwiftUI?▼

To implement Liquid Glass in SwiftUI, apply the `.glassEffect()` modifier to views like Text, buttons, or cards to enable dynamic blur, tinting, and interactive morphing effects.

Can I use Liquid Glass effects with UIKit and WidgetKit?▼

Yes, Liquid Glass implementation patterns support UIKit and WidgetKit alongside SwiftUI, ensuring consistent dynamic blur and interactive glass materials across all Apple platforms.

What is the Liquid Glass design language and what problem does it solve?▼

Liquid Glass is Apple's new iOS design language that solves static UI limitations by providing dynamic blur, reflection, and interactive morphing effects for visually appealing glass-like surfaces.

Are there specific API structures required for optimal Liquid Glass performance?▼

Yes, achieving optimal visual fidelity and performance with Liquid Glass requires strict adherence to specific API modifiers and container structures defined within the design system patterns.

Related Skills

Explore More Design & Creative Skills→
kvn8888kvn8888
3

swiftui-liquid-glass

Implement and review SwiftUI features using the iOS 26+ Liquid Glass API.

Community
Intermediate
kleon6436kleon6436

apple-app-store-submission

Guide Apple App Store submission across App Store Connect, TestFlight, and release management.

Community
Advanced
ROLLED740ROLLED740
1

liquid-glass-design

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

Community
Advanced
vinitgirdharvinitgirdhar

liquid-glass-design

Implement cross-framework Liquid Glass UI for iOS 26 apps.

Community
Advanced