Skip to content

SwiftUI Liquid Glass

Guides an agent to build, refactor, or review SwiftUI views using Apple's iOS 26 Liquid Glass APIs.

Stars
7,433
Licence
MIT
Files
2 files

What it does

When installed, the agent follows a set of SwiftUI rules for Apple's iOS 26 'Liquid Glass' visual style. It knows to use native modifiers like glassEffect, GlassEffectContainer and glass button styles instead of custom blurs, to add availability checks with a fallback for older iOS versions, and to group and animate glass elements correctly. It can review existing screens against a checklist or help add glass effects to new features.

Great for

  • iOS developers adopting the iOS 26 Liquid Glass design in an existing SwiftUI app
  • Developers who want code reviews focused on Liquid Glass correctness and performance
  • Designers or developers learning which SwiftUI modifiers and patterns Apple's new glass style uses

Skip it if

  • Apps that must support only pre-iOS 26 systems or non-Apple platforms, since the APIs will not compile or apply there
  • Non-SwiftUI projects such as UIKit-only or Android code, where these instructions do not apply

Try asking

  • “Review my SwiftUI toolbar view and tell me where Liquid Glass should or should not be used.”
  • “Refactor these chip buttons so they use GlassEffectContainer and interactive glass with an iOS 26 availability check.”
  • “Add a morphing glass transition between these two views using glassEffectID and a namespace.”
Step-by-step guide: how to use SwiftUI Liquid GlassInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the MIT licence and an attribution note.

    swiftui-liquid-glass.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip swiftui-liquid-glass.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip swiftui-liquid-glass.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the target view and the minimum iOS version you support so the agent includes the right #available fallback.
  • Ask for a review first to see which elements should not get glass before asking for an implementation.
  • Verify the generated code in Xcode and against Apple's current docs, since the skill itself says to prefer Apple's documentation for up-to-date API details.

What's inside

  • references/liquid-glass.md
  • SKILL.md

Redistributed unmodified from steipete/agent-scripts under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.