skills.rest
coco-research
coco-researchCOMMUNITY
Explore all skills by this author →
GitHub

swiftui-liquid-glass

Implement SwiftUI Liquid Glass surfaces with availability gating and fallbacks.

264|11|Updated Apr 25, 2026
Search Tags:#ui design#swiftui#liquid glass#glass effect#ios 26#morphing transitions
One-click install
npx skills add https://github.com/coco-research/coco --skill swiftui-liquid-glass-coco-research
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/coco-research/coco/tree/main/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/coco-research/coco --skill swiftui-liquid-glass-coco-research

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design, implement, and review SwiftUI interfaces that use the native iOS 26+ Liquid Glass system instead of custom blur effects. It is ideal when a feature needs a modern glass look, consistent interactions, and safe fallbacks on older platforms.

Core Features & Use Cases

  • Liquid Glass Implementation: Add glass surfaces to cards, chips, buttons, badges, and other SwiftUI components using native Apple APIs.
  • Review and Refactor Support: Check modifier order, shape consistency, availability gating, and whether grouped glass elements should be wrapped in a GlassEffectContainer.
  • Interactive and Morphing UI: Apply interactive glass to tappable elements and use morphing transitions when views change hierarchy.
  • Use Case: A product team wants a floating action panel and several glass cards in one screen, and this Skill helps them apply the right glass styling, container structure, and fallback behavior for earlier iOS versions.

Quick Start

Ask for a SwiftUI Liquid Glass implementation or review of your screen, and specify the views that should use native iOS 26 glass styling with any required fallback behavior.

Frequently Asked Questions about swiftui-liquid-glass

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

FAQPage Schema
How do I implement Liquid Glass effects in SwiftUI for iOS 26?▼

Apply native iOS 26 glass APIs to cards and controls, ensure correct modifier ordering, and wrap grouped elements in a GlassEffectContainer for consistent surfaces. This replaces custom blur effects with native glass styling for interactive app screens.

What is the best way to add interactive glass to tappable SwiftUI elements?▼

Adding interactive glass to tappable SwiftUI elements requires applying native iOS 26 glass modifiers and using morphing transitions when views change hierarchy. Ensure proper availability gating so older iOS versions receive appropriate fallback visuals.

Can I use native iOS 26 glass styling with fallback visuals for older versions?▼

Yes, you can use native iOS 26 glass styling while providing fallback visuals for earlier iOS versions. This requires correct availability gating to ensure older platforms render safely without the native glass surfaces while maintaining modern interactions.

Why does my SwiftUI Liquid Glass modifier ordering cause rendering issues?▼

Incorrect SwiftUI Liquid Glass modifier ordering causes rendering issues because native glass surfaces depend on strict modifier sequences and shape consistency. Use review support to check modifier order and ensure grouped glass elements are wrapped in a GlassEffectContainer.

When should I wrap grouped glass elements in a GlassEffectContainer?▼

You should wrap grouped glass elements in a GlassEffectContainer when a single screen displays multiple glass components like floating panels and cards. This ensures consistent interactions, proper morphing transitions, and unified glass surfaces across the SwiftUI interface.

Related Skills

Explore More Software Engineering Skills→
Michae2xlMichae2xl

liquid-glass-design

Integrate dynamic glass materials into iOS 26+ apps with SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
dagbadagba
3

swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass patterns with GlassEffectContainer APIs.

Community
Basic
heyAyushhheyAyushh
3

swiftui-liquid-glass

Implement and validate Liquid Glass SwiftUI interfaces with iOS 26 availability gating.

Community
Basic
DimillianDimillian
3.9k

swiftui-liquid-glass

Implement and review Liquid Glass usage in SwiftUI iOS 26+ apps.

Community
Advanced