Skip to main content
affpapa.org
RU EN
skill CX Codex

swiftui-liquid-glass · dpearson2699 — Claude Code skill for SwiftUI effects

Implement and review Liquid Glass in SwiftUI interfaces for iOS 26+. Useful when adding glass buttons, grouped effects, or animated shape changes.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add dpearson2699/swift-ios-skills --skill swiftui-liquid-glass -a claude-code
Open on GitHub

What swiftui-liquid-glass does

The skill guides work with Liquid Glass surfaces, including button styles, tint, interactive effects, and GlassEffectContainer grouping. It also covers transitions between changing views, scroll boundary styling, background extension, and toolbar spacing.

Its review checklist considers what each element does, modifier order, availability, and accessibility settings. Earlier iOS releases need a fallback because the covered effects target iOS 26 and later. The guidance distinguishes tappable controls from static status elements, so a decorative badge does not get treated like an action.

What it helps with

  • style a SwiftUI button with Liquid Glass
  • group glass views in a shared container
  • animate glass elements as views appear or disappear
  • review availability and fallback behavior for older iOS releases

Example prompts for the agent

  • Add Liquid Glass styling to this button and keep an alternative for iOS versions before 26.
  • Review whether these glass views belong in one GlassEffectContainer.
  • Add a morphing transition when this panel reveals its extra control.

How to install swiftui-liquid-glass

1Skills CLI (Vercel)

npx skills add dpearson2699/swift-ios-skills --skill swiftui-liquid-glass -a claude-code

2Manually: put the files in place

~/.claude/skills/swiftui-liquid-glass/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/swiftui-liquid-glass/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about swiftui-liquid-glass

How do I install swiftui-liquid-glass in Claude Code?

Run npx skills add dpearson2699/swift-ios-skills --skill swiftui-liquid-glass -a claude-code. The skill file is installed at ~/.claude/skills/swiftui-liquid-glass/SKILL.md.

What does swiftui-liquid-glass do?

It helps implement and review SwiftUI Liquid Glass, from button appearance and grouped effects to animated transitions and scroll-edge styling.

Which iOS versions does the skill cover?

It covers Liquid Glass for iOS 26 and later. Earlier releases need a fallback implementation.

Similar skills

Everything for Mobile →

swiftui-liquid-glass by other authors comes first.

swiftui-liquid-glass official OpenAI This skill helps build and review SwiftUI Liquid Glass interfaces for iOS 26+. Use it when adopting the API or checking fallbacks, interaction, and design fit. CX Codex GP ChatGPT 121installs vercel-react-native-skills vercel A rules pack for React Native and Expo work: lists, animations, navigation, native modules. Load it so your agent makes mobile changes the same way every time. CX Codex +1 255,200installs animate-expo emilkowalski Builds React Native and Expo animations using Reanimated and Gesture Handler. Helps keep motion on the UI thread and avoid dropped frames on physical devices. CX Codex +1 137,900installs mobile-native emilkowalski Strips the tells that give a web app away on a phone: sticky hover, tap highlight flash, the 100vh bug. CX Codex +1 86,600installs aso coreyhaines31 Audits App Store and Google Play listings against store optimization standards. Helps uncover gaps in metadata, visual assets, and conversion. CX Codex +1 75,400installs swiftui-pro Paul Hudson Reviews SwiftUI code for deprecated APIs, data-flow issues, accessibility gaps, and performance concerns. Use it during feature work or code review. CX Codex +1 35,200installs orca-emulator stablyai Controls booted iOS Simulators inside Orca with a live device view. Handy for running gestures, hardware buttons, accessibility tree checks, and UI verification. CX Codex +1 5,800installs

From the same set69

swiftui-navigation Provides SwiftUI navigation architectures, covering typed stacks, multi-column layouts, sheets, and tabs. Useful when structuring navigation state across iOS and macOS apps. CX Codex +1 4,400installs push-notifications Review, build, and debug local and APNs remote notifications for iOS and macOS in Swift. Handles permission flows, silent pushes, and service extensions. CX Codex +1 4,200installs swiftui-layout-components Guides SwiftUI screen layouts built from stacks, grids, lists, forms, and controls. Use it for settings, collections, and scrollable views. CX Codex +1 4,200installs debugging-instruments Helps debug crashes, find retain cycles, and diagnose main-thread hangs in iOS apps using LLDB, Memory Graph Debugger, and Instruments. CX Codex +1 4,100installs swiftdata Gives the agent a working reference for SwiftData so persistence code on Swift 6.3 comes out right the first time. CX Codex +1 4,100installs swift-language Guides AI agents through modern Swift patterns for core, non-concurrency code. Useful when modernizing enums, generics, and protocols under recent compiler releases. CX Codex +1 4,000installs swift-charts A skill that steers your coding agent through Swift Charts work on iOS 26+. Useful for bars, lines, donuts, heat maps and 3D surfaces. CX Codex +1 4,000installs widgetkit Skill for building and reviewing WidgetKit widgets and controls: timelines, configurable widgets, interactive buttons. Use it when your app needs a Home Screen or Lock Screen widget. CX Codex +1 4,000installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor