Toolverse
All skills

liquid-glass-developer

by anyproto

Context-aware routing to iOS 26 Liquid Glass implementation patterns. Use when working with glass effects, GlassEffectContainer, morphing transitions, or iOS 26 visual effects.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
anyproto
Category
Mobile
Views
61

About this skill

Context-aware routing to iOS 26 Liquid Glass implementation patterns. Use when working with glass effects, GlassEffectContainer, morphing transitions, or iOS 26 visual effects.

How to use

  1. Aktywuj skill podczas pracy nad plikami zawierającymi efekty szklane — automatycznie się włączy po wpisaniu słów kluczowych takich jak "glass", "glassEffect", "GlassEffectContainer", "iOS 26", "morphing" lub "UIVisualEffectView".

  2. Zanim zaczniesz implementować elementy szklane, zawsze opakowuj je w GlassEffectContainerIOS26 — zapewnia to ujednoliconą kompozycję i prawidłowe renderowanie efektów.

  3. Dla elementów, które pojawiają się i znikają (przycisków, paneli), przypisz identyfikatory za pomocą glassEffectIDIOS26 wraz z namespace — umożliwia to płynne przejścia morphing między stanami.

  4. Wybierz odpowiedni modyfikator efektu: użyj glassEffectInteractiveIOS26 dla przycisków i kontrolek wymagających sprzężenia zwrotnego dotykowego (skalowanie, bounce), lub glassEffectIOS26 dla statycznych elementów nawigacyjnych bez interakcji.

  5. Definiuj kształt bezpośrednio w parametrze efektu — na przykład glassEffect(in: Circle()) lub glassEffect(in: .rect(cornerRadius: 16)) — nie dodawaj osobnego clipShape().

  6. Pamiętaj, że efekty szklane przeznaczone są wyłącznie dla warstwy nawigacyjnej i kontrolek pływających — nigdy nie stosuj ich do treści głównej interfejsu.

Related skills