# Build SwiftUI Liquid Glass Interfaces

SwiftUI teams need consistent Liquid Glass behavior across new and existing interfaces. This skill provides review checklists, implementation patterns, and fallback guidance for iOS 26+ UI work.

## Install

```bash
npx skillstore add patrickserrano/liquid-glass
```

## Metadata

- Status: approved
- Slug: patrickserrano-liquid-glass
- Skillstore revision: r1
- Version status: missing
- Tree hash: fa6b35e2c68cbcb01b35dd386264f11c7134d0a33cda809d461792ede19566f3
- Author: patrickserrano
- GitHub username: patrickserrano
- License: MIT
- Repository: https://github.com/patrickserrano/skills/tree/main/skills/swiftui-liquid-glass/
- Ref: e397ce5a135369cd6def89cb6400d013e2f68f2f
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/patrickserrano-liquid-glass
- Manifest: https://skillstore.pages.dev/api/skills/patrickserrano-liquid-glass/manifest

## Capabilities

- Reviews SwiftUI Liquid Glass usage for modifier order, shape consistency, and fallback handling.
- Guides use of GlassEffectContainer for grouped glass elements.
- Suggests interactive glass only for tappable or focusable elements.
- Provides patterns for glass buttons, shapes, tinting, and morphing transitions.
- Checks iOS 26\+ availability gates and non-glass fallback UI.

## Use Cases

- Review Existing UI: Find Liquid Glass issues in an existing SwiftUI feature, including modifier order, containers, interactivity, and fallbacks.
- Plan New Glass Components: Choose surfaces, buttons, chips, shapes, and transitions before adding Liquid Glass to a new interface.
- Refactor Visual Effects: Replace custom blur patterns with native Liquid Glass guidance while preserving older iOS fallback behavior.

## Prompt Templates

### Review Liquid Glass Usage

```
Review this SwiftUI view for Liquid Glass usage. Check availability gates, modifier order, containers, interactivity, shapes, and fallback UI.
```

### Add Glass To Component

```
Help me add Liquid Glass to this SwiftUI component. Recommend the glass shape, prominence, modifier placement, and non-glass fallback.
```

### Refactor Grouped Controls

```
Refactor these grouped SwiftUI controls to use GlassEffectContainer. Keep spacing consistent and use interactive glass only for controls.
```

### Audit Complex Transitions

```
Audit this animated SwiftUI interface for Liquid Glass transitions. Check glassEffectID usage, namespace placement, hierarchy changes, and fallback behavior.
```

## Limitations

- Does not run, compile, or test Swift projects.
- Does not replace Apple platform documentation or design review.
- Assumes the project targets SwiftUI and can support iOS 26\+ APIs.
- Cannot verify visual quality without screenshots or project context.

## Best Practices

- Use native Liquid Glass APIs before custom blur or material workarounds.
- Apply glass modifiers after layout and appearance modifiers.
- Provide fallback UI for devices or targets below iOS 26.

## Anti Patterns

- Applying interactive glass to static labels or decorative surfaces.
- Mixing unrelated glass shapes and spacing within one control group.
- Adding Liquid Glass without checking availability and fallback behavior.

## Security Audit

- Audited at: 2026-07-06T21:00:04.129\+00:00
- Summary: All 40 static findings are false positives from Markdown inline code, Swift code fences, and ordinary prose headings. I found no prompt injection, malicious intent, external command execution, network access, filesystem access, environment access, or data exfiltration in SKILL.md.

## Stats

- Views: 167
- Downloads: 20
- Favorites: 0
- Popularity score: 0