skills.rest
Emasoft
EmasoftCOMMUNITY
Explore all skills by this author →
Website𝕏@fmuaddibGitHub

liquid-glass

Implement Apple's Liquid Glass design material across SwiftUI, UIKit, AppKit, and WidgetKit.

1|Updated Jun 9, 2026
Search Tags:#swiftui#appkit#uikit#widgetkit#liquid glass#ui migration#ios 26
One-click install
npx skills add https://github.com/Emasoft/emasoft-complete-ios-app-authoring --skill liquid-glass-emasoft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass
Source: https://github.com/Emasoft/emasoft-complete-ios-app-authoring/tree/main/skills/liquid-glass
Command: npx skills add https://github.com/Emasoft/emasoft-complete-ios-app-authoring --skill liquid-glass-emasoft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Adopting Apple's new Liquid Glass design material for iOS 26 and later Apple platforms requires avoiding common anti-patterns, performance pitfalls, and migration errors that can break app UIs or cause frame drops. This Skill eliminates guesswork by providing vetted, production-ready guidance for correct implementation across all Apple development frameworks.

Core Features & Use Cases

  • Cross-framework implementation: Full guidance for applying Liquid Glass in SwiftUI, UIKit, AppKit, and WidgetKit, including API mappings and platform-specific best practices.
  • Migration support: Step-by-step two-phase strategy for updating existing apps to the iOS 26 SDK, with deprecation replacement tables, backward compatibility wrappers, and a readiness checklist.
  • Design-to-code translation: Mapping between Figma's iOS 26 Liquid Glass component library and production SwiftUI code, plus corner radius, control size, and visual property reference tables.
  • Use case example: A team updating their iOS productivity app to iOS 26 can use this Skill to automatically adopt Liquid Glass for standard controls, implement custom floating chrome without performance issues, and pass App Store review with the new design requirements.

Quick Start

Use the liquid-glass skill to add a correctly implemented custom floating action button with Liquid Glass to your iOS 26 SwiftUI app, following the provided design rules to avoid visual glitches and performance problems.

Frequently Asked Questions about liquid-glass

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

FAQPage Schema
How do I implement Liquid Glass in SwiftUI for iOS 26 without performance issues?▼

To implement Liquid Glass correctly in SwiftUI for iOS 26, use GlassEffectContainer for performance optimization and avoid glass-on-glass layering anti-patterns to prevent frame drops. This ensures custom floating chrome and standard controls render smoothly without visual glitches.

What is the best way to migrate an existing UIKit app to the iOS 26 Liquid Glass design system?▼

Migrating an existing UIKit app to the iOS 26 Liquid Glass design system requires a two-phase strategy using deprecation replacement tables and backward compatibility wrappers. This approach safely updates existing UIs while ensuring standard component auto-adoption passes App Store review.

Does Liquid Glass auto-adoption work across SwiftUI, UIKit, AppKit, and WidgetKit?▼

Yes, Liquid Glass auto-adoption works across SwiftUI, UIKit, AppKit, and WidgetKit, with full cross-framework implementation guidance and API mappings provided. This ensures platform-specific best practices and visual consistency are maintained automatically for standard controls.

How do I translate Figma Liquid Glass design specs to production-ready SwiftUI code?▼

Translating Figma Liquid Glass design specs to production-ready SwiftUI code uses mapping between Figma's iOS 26 component library and Swift API properties. This includes reference tables for corner radius, control size, and visual properties to ensure accurate design-to-code translation.

Why does my Liquid Glass implementation cause visual glitches and frame drops?▼

Liquid Glass implementations cause visual glitches and frame drops when applying glass effects to content layers or using incorrect glass-on-glass layering. Avoid these documented anti-patterns and use correct Liquid Glass variant selection to resolve performance pitfalls.

When do I need to use GlassEffectContainer for Liquid Glass accessibility compliance?▼

You need to use GlassEffectContainer for Liquid Glass accessibility compliance whenever implementing custom floating chrome or multiple glass elements in iOS 26. It groups effects for performance optimization and ensures cross-platform consistency without breaking accessibility requirements.

Related Skills

Explore More Software Engineering Skills→
logeshv586-codelogeshv586-code

liquid-glass-design

Implement Apple's Liquid Glass design system for iOS 26 apps.

Community
Advanced
dagbadagba
3

swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass patterns with GlassEffectContainer APIs.

Community
Basic
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced