Toolverse
All skills

swiftui-liquid-glass

by Dimillian

Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for correctness, performance, and design alignment.

Installation

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

Installation

Quick info

Author
Dimillian
Category
Mobile
Views
52

About this skill

Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for correctness, performance, and design alignment.

How to use

  1. Zainstaluj skill w swoim środowisku Claude/Copilot, wskazując repozytorium https://github.com/Dimillian/Skills/tree/main/swiftui-liquid-glass jako źródło.

  2. Gdy chcesz recenzjonować istniejący kod SwiftUI, poproś skill o sprawdzenie użycia Liquid Glass — wskaż konkretny plik lub fragment kodu. Skill zweryfikuje kolejność modyfikatorów, poprawność #available(iOS 26, *), obecność fallbacków i zgodność z wytycznymi Apple.

  3. Aby ulepszyć istniejący feature, opisz komponenty, które chcesz ozdobić efektem szkła (przyciski, karty, powierzchnie). Skill zaproponuje refaktoryzację z użyciem GlassEffectContainer dla wielu elementów oraz .interactive() dla elementów interaktywnych.

  4. Do implementacji nowego feature'u najpierw zaplanuj strukturę szklaną (kształty, hierarchia, grupowanie), a następnie poproś skill o kod. Skill doda modyfikatory .glassEffect() po layoutzie, uwzględni morphing transitions i zagwarantuje obsługę iOS 26+.

  5. Zawsze sprawdzaj, czy kod zawiera #available(iOS 26, *) z fallbackiem dla starszych wersji — skill automatycznie to weryfikuje i sugeruje poprawki.

  6. Jeśli masz wątpliwości dotyczące wydajności lub spójności wizualnej szklanego efektu, poproś skill o analizę — porówna Twoje rozwiązanie z najlepszymi praktykami Apple i sugeruje optymalizacje.

Related skills

flutter-development

by aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

Mobile
1,1601,122

interactive-portfolio

by davila7

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio,

Mobile
1823

ios-simulator-skill

by conorluddy

21 production-ready scripts for iOS app testing, building, and automation. Provides semantic UI navigation, build automation, accessibility testing, and simulator lifecycle management. Optimized for AI agents with minimal token output.

Mobile
19154

flutter-expert

by sickn33

Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. Handles state management, animations, testing, and performance optimization for mobile, web, desktop, and embedded platforms. Use PROACTIVELY for Flutter architecture, UI implementation, or

Mobile
54112

create-plan

by antinomyhq

Generate detailed implementation plans for complex tasks. Creates comprehensive strategic plans in Markdown format with objectives, step-by-step implementation tasks using checkbox format, verification criteria, risk assessments, and alternative approaches. Use when users need

Mobile
13108

mobile-android-design

by wshobson

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

Mobile
38181