# Build SwiftUI Liquid Glass Interfaces

SwiftUI teams need consistent Liquid Glass adoption across new and existing screens. This skill provides focused guidance for native APIs, fallbacks, performance, and design review.

## Install

```bash
npx skillstore add dimillian/swiftui-liquid-glass
```

## Metadata

- Status: approved
- Slug: dimillian-swiftui-liquid-glass
- Skillstore revision: r1
- Version status: missing
- Tree hash: 2467999646584baffcd5a22a650edeabfd924dfb7501f9cf9bf4659e5451fda1
- Author: Dimillian
- GitHub username: Dimillian
- License: MIT
- Repository: https://github.com/Dimillian/Skills/tree/main/swiftui-liquid-glass
- Ref: 72d5025b022c77f7a51bdf5c1637c689c80e89d1
- 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: 74
- Public page: https://skillstore.pages.dev/skills/dimillian-swiftui-liquid-glass
- Manifest: https://skillstore.pages.dev/api/skills/dimillian-swiftui-liquid-glass/manifest

## Capabilities

- Explains when to use glassEffect, GlassEffectContainer, glass button styles, and glassEffectID.
- Reviews modifier order, shape consistency, interactivity, and iOS availability handling.
- Suggests Liquid Glass refactors for surfaces, chips, buttons, cards, and grouped elements.
- Provides SwiftUI snippet patterns for basic glass, grouped effects, and prominent buttons.
- Points users to Apple documentation for current Liquid Glass API details.

## Use Cases

- Add Liquid Glass to a Feature: Plan surfaces, controls, shapes, interactivity, and fallback UI before changing SwiftUI views.
- Review a SwiftUI Pull Request: Check availability guards, containers, modifier order, transitions, and consistent glass behavior.
- Plan Design System Adoption: Define where Liquid Glass belongs across buttons, chips, cards, and grouped controls.

## Prompt Templates

### Add Basic Glass

```
Use the swiftui-liquid-glass skill to add Liquid Glass to this SwiftUI component. Include iOS availability handling and a simple fallback.
```

### Refactor Existing Components

```
Use the swiftui-liquid-glass skill to refactor these SwiftUI controls with native Liquid Glass APIs. Explain container placement and interaction choices.
```

### Review Liquid Glass Usage

```
Use the swiftui-liquid-glass skill to review this implementation for availability, modifier order, shape consistency, interactivity, and performance.
```

### Design Advanced Transitions

```
Use the swiftui-liquid-glass skill to design morphing Liquid Glass transitions for this changing SwiftUI hierarchy. Include identifiers and animation guidance.
```

## Limitations

- It does not compile, run, or test SwiftUI projects by itself.
- It depends on iOS 26\+ APIs, so older systems need fallback UI.
- It cannot verify private Apple API changes without current documentation.
- It provides guidance, not a complete app design system.

## Best Practices

- Use native Liquid Glass APIs before custom blur implementations.
- Apply glass effects after layout and appearance modifiers.
- Use interactive glass only for controls that respond to user input.

## Anti Patterns

- Applying glass to every surface without hierarchy or purpose.
- Using interactive glass on static labels or decorative elements.
- Omitting non-glass fallback UI for pre-iOS 26 users.

## Security Audit

- Audited at: 2026-07-06T12:15:56.164\+00:00
- Summary: All static findings were adjudicated as false positives. The external command alerts are Markdown backticks around SwiftUI API names and examples, while the reconnaissance alerts are Liquid Glass UI terminology. No prompt injection, data exfiltration intent, or command execution instructions were found in SKILL.md or references/liquid-glass.md.

## Stats

- Views: 300
- Downloads: 10
- Favorites: 0
- Popularity score: 0